diff --git a/playwriter/src/assets/aria-labels-google-snapshot.txt b/playwriter/src/assets/aria-labels-google-snapshot.txt
index 0ac5777..db34590 100644
--- a/playwriter/src/assets/aria-labels-google-snapshot.txt
+++ b/playwriter/src/assets/aria-labels-google-snapshot.txt
@@ -31,7 +31,7 @@
     - generic [ref=e55]:
       - text: "Google offered in:"
       - link [ref=e56] [cursor=pointer]:
-        - /url: https://www.google.com/setprefs?sig=0_XgFjFgidjiUAiTgTlmWfO1H5x10%3D&hl=it&source=homepage&sa=X&ved=0ahUKEwjT-5m25PaRAxUON94AHdLuNggQ2ZgBCBU
+        - /url: https://www.google.com/setprefs?sig=0_ZnmLffy2mN5QJZeQfFpi65i-Rv4%3D&hl=it&source=homepage&sa=X&ved=0ahUKEwi0pLCVz4GSAxWUsFYBHSGzHbcQ2ZgBCBU
         - text: Italiano
     - contentinfo [ref=e58]:
       - generic [ref=e59]: Italy
diff --git a/playwriter/src/assets/aria-labels-hacker-news-snapshot.txt b/playwriter/src/assets/aria-labels-hacker-news-snapshot.txt
index d37076b..6b5c1e3 100644
--- a/playwriter/src/assets/aria-labels-hacker-news-snapshot.txt
+++ b/playwriter/src/assets/aria-labels-hacker-news-snapshot.txt
@@ -41,995 +41,989 @@
       - cell [ref=e29]:
         - table [ref=e30]:
           - rowgroup [ref=e31]:
-            - row "1. upvote enclose.horse (enclose.horse)" [ref=e32]:
+            - 'row "1. upvote Open Chaos: A self-evolving open-source project (openchaos.dev)" [ref=e32]':
               - cell "1." [ref=e33]
               - cell "upvote" [ref=e34]:
                 - link "upvote" [ref=e36] [cursor=pointer]:
-                  - /url: vote?id=46509211&how=up&goto=news
+                  - /url: vote?id=46566812&how=up&goto=news
                   - generic "upvote" [ref=e37]
-              - cell "enclose.horse (enclose.horse)" [ref=e38]:
+              - 'cell "Open Chaos: A self-evolving open-source project (openchaos.dev)" [ref=e38]':
                 - generic [ref=e39]:
-                  - link "enclose.horse" [ref=e40] [cursor=pointer]:
-                    - /url: https://enclose.horse/
+                  - 'link "Open Chaos: A self-evolving open-source project" [ref=e40] [cursor=pointer]':
+                    - /url: https://www.openchaos.dev/
                   - generic [ref=e41]:
                     - text: (
-                    - link "enclose.horse" [ref=e42] [cursor=pointer]:
-                      - /url: from?site=enclose.horse
+                    - link "openchaos.dev" [ref=e42] [cursor=pointer]:
+                      - /url: from?site=openchaos.dev
                     - text: )
-            - row "378 points by DavidSJ 5 hours ago | hide | 58 comments" [ref=e43]:
+            - row "81 points by stefanvdw1 2 hours ago | hide | 11 comments" [ref=e43]:
               - cell [ref=e44]
-              - cell "378 points by DavidSJ 5 hours ago | hide | 58 comments" [ref=e45]:
+              - cell "81 points by stefanvdw1 2 hours ago | hide | 11 comments" [ref=e45]:
                 - generic [ref=e46]:
-                  - text: 378 points by
-                  - link "DavidSJ" [ref=e47] [cursor=pointer]:
-                    - /url: user?id=DavidSJ
-                  - generic "2026-01-06T06:01:57 1767679317" [ref=e48]:
-                    - link "5 hours ago" [ref=e49] [cursor=pointer]:
-                      - /url: item?id=46509211
+                  - text: 81 points by
+                  - link "stefanvdw1" [ref=e47] [cursor=pointer]:
+                    - /url: user?id=stefanvdw1
+                  - generic "2026-01-10T16:03:55 1768061035" [ref=e48]:
+                    - link "2 hours ago" [ref=e49] [cursor=pointer]:
+                      - /url: item?id=46566812
                   - text: "|"
                   - link "hide" [ref=e50] [cursor=pointer]:
-                    - /url: hide?id=46509211&goto=news
+                    - /url: hide?id=46566812&goto=news
                   - text: "|"
-                  - link "58 comments" [ref=e51] [cursor=pointer]:
-                    - /url: item?id=46509211
+                  - link "11 comments" [ref=e51] [cursor=pointer]:
+                    - /url: item?id=46566812
             - row [ref=e52]
-            - row "2. upvote SCiZE's Classic Warez Collection (scenelist.org)" [ref=e53]:
+            - row "2. upvote AI is a business model stress test (dri.es)" [ref=e53]:
               - cell "2." [ref=e54]
               - cell "upvote" [ref=e55]:
                 - link "upvote" [ref=e57] [cursor=pointer]:
-                  - /url: vote?id=46510625&how=up&goto=news
+                  - /url: vote?id=46567392&how=up&goto=news
                   - generic "upvote" [ref=e58]
-              - cell "SCiZE's Classic Warez Collection (scenelist.org)" [ref=e59]:
+              - cell "AI is a business model stress test (dri.es)" [ref=e59]:
                 - generic [ref=e60]:
-                  - link "SCiZE's Classic Warez Collection" [ref=e61] [cursor=pointer]:
-                    - /url: https://scenelist.org/
+                  - link "AI is a business model stress test" [ref=e61] [cursor=pointer]:
+                    - /url: https://dri.es/ai-is-a-business-model-stress-test
                   - generic [ref=e62]:
                     - text: (
-                    - link "scenelist.org" [ref=e63] [cursor=pointer]:
-                      - /url: from?site=scenelist.org
+                    - link "dri.es" [ref=e63] [cursor=pointer]:
+                      - /url: from?site=dri.es
                     - text: )
-            - row "24 points by achairapart 59 minutes ago | hide | 4 comments" [ref=e64]:
+            - row "41 points by amarsahinovic 1 hour ago | hide | 36 comments" [ref=e64]:
               - cell [ref=e65]
-              - cell "24 points by achairapart 59 minutes ago | hide | 4 comments" [ref=e66]:
+              - cell "41 points by amarsahinovic 1 hour ago | hide | 36 comments" [ref=e66]:
                 - generic [ref=e67]:
-                  - text: 24 points by
-                  - link "achairapart" [ref=e68] [cursor=pointer]:
-                    - /url: user?id=achairapart
-                  - generic "2026-01-06T10:13:43 1767694423" [ref=e69]:
-                    - link "59 minutes ago" [ref=e70] [cursor=pointer]:
-                      - /url: item?id=46510625
+                  - text: 41 points by
+                  - link "amarsahinovic" [ref=e68] [cursor=pointer]:
+                    - /url: user?id=amarsahinovic
+                  - generic "2026-01-10T16:56:34 1768064194" [ref=e69]:
+                    - link "1 hour ago" [ref=e70] [cursor=pointer]:
+                      - /url: item?id=46567392
                   - text: "|"
                   - link "hide" [ref=e71] [cursor=pointer]:
-                    - /url: hide?id=46510625&goto=news
+                    - /url: hide?id=46567392&goto=news
                   - text: "|"
-                  - link "4 comments" [ref=e72] [cursor=pointer]:
-                    - /url: item?id=46510625
+                  - link "36 comments" [ref=e72] [cursor=pointer]:
+                    - /url: item?id=46567392
             - row [ref=e73]
-            - row "3. upvote The Post-American Internet (pluralistic.net)" [ref=e74]:
+            - row "3. upvote A Eulogy for Dark Sky, a Data Visualization Masterpiece (2023) (nightingaledvs.com)" [ref=e74]:
               - cell "3." [ref=e75]
               - cell "upvote" [ref=e76]:
                 - link "upvote" [ref=e78] [cursor=pointer]:
-                  - /url: vote?id=46509019&how=up&goto=news
+                  - /url: vote?id=46565132&how=up&goto=news
                   - generic "upvote" [ref=e79]
-              - cell "The Post-American Internet (pluralistic.net)" [ref=e80]:
+              - cell "A Eulogy for Dark Sky, a Data Visualization Masterpiece (2023) (nightingaledvs.com)" [ref=e80]:
                 - generic [ref=e81]:
-                  - link "The Post-American Internet" [ref=e82] [cursor=pointer]:
-                    - /url: https://pluralistic.net/2026/01/01/39c3/
+                  - link "A Eulogy for Dark Sky, a Data Visualization Masterpiece (2023)" [ref=e82] [cursor=pointer]:
+                    - /url: https://nightingaledvs.com/dark-sky-weather-data-viz/
                   - generic [ref=e83]:
                     - text: (
-                    - link "pluralistic.net" [ref=e84] [cursor=pointer]:
-                      - /url: from?site=pluralistic.net
+                    - link "nightingaledvs.com" [ref=e84] [cursor=pointer]:
+                      - /url: from?site=nightingaledvs.com
                     - text: )
-            - row "270 points by EvanAnderson 5 hours ago | hide | 140 comments" [ref=e85]:
+            - row "252 points by skadamat 6 hours ago | hide | 112 comments" [ref=e85]:
               - cell [ref=e86]
-              - cell "270 points by EvanAnderson 5 hours ago | hide | 140 comments" [ref=e87]:
+              - cell "252 points by skadamat 6 hours ago | hide | 112 comments" [ref=e87]:
                 - generic [ref=e88]:
-                  - text: 270 points by
-                  - link "EvanAnderson" [ref=e89] [cursor=pointer]:
-                    - /url: user?id=EvanAnderson
-                  - generic "2026-01-06T05:20:40 1767676840" [ref=e90]:
-                    - link "5 hours ago" [ref=e91] [cursor=pointer]:
-                      - /url: item?id=46509019
+                  - text: 252 points by
+                  - link "skadamat" [ref=e89] [cursor=pointer]:
+                    - /url: user?id=skadamat
+                  - generic "2026-01-10T12:23:20 1768047800" [ref=e90]:
+                    - link "6 hours ago" [ref=e91] [cursor=pointer]:
+                      - /url: item?id=46565132
                   - text: "|"
                   - link "hide" [ref=e92] [cursor=pointer]:
-                    - /url: hide?id=46509019&goto=news
+                    - /url: hide?id=46565132&goto=news
                   - text: "|"
-                  - link "140 comments" [ref=e93] [cursor=pointer]:
-                    - /url: item?id=46509019
+                  - link "112 comments" [ref=e93] [cursor=pointer]:
+                    - /url: item?id=46565132
             - row [ref=e94]
-            - row "4. upvote There were BGP anomalies during the Venezuela blackout (loworbitsecurity.com)" [ref=e95]:
+            - row "4. upvote Allow me to introduce, the Citroen C15 (eupolicy.social)" [ref=e95]:
               - cell "4." [ref=e96]
               - cell "upvote" [ref=e97]:
                 - link "upvote" [ref=e99] [cursor=pointer]:
-                  - /url: vote?id=46504963&how=up&goto=news
+                  - /url: vote?id=46564696&how=up&goto=news
                   - generic "upvote" [ref=e100]
-              - cell "There were BGP anomalies during the Venezuela blackout (loworbitsecurity.com)" [ref=e101]:
+              - cell "Allow me to introduce, the Citroen C15 (eupolicy.social)" [ref=e101]:
                 - generic [ref=e102]:
-                  - link "There were BGP anomalies during the Venezuela blackout" [ref=e103] [cursor=pointer]:
-                    - /url: https://loworbitsecurity.com/radar/radar16/
+                  - link "Allow me to introduce, the Citroen C15" [ref=e103] [cursor=pointer]:
+                    - /url: https://eupolicy.social/@jmaris/115860595238097654
                   - generic [ref=e104]:
                     - text: (
-                    - link "loworbitsecurity.com" [ref=e105] [cursor=pointer]:
-                      - /url: from?site=loworbitsecurity.com
+                    - link "eupolicy.social" [ref=e105] [cursor=pointer]:
+                      - /url: from?site=eupolicy.social
                     - text: )
-            - row "761 points by illithid0 14 hours ago | hide | 337 comments" [ref=e106]:
+            - row "534 points by colinprince 7 hours ago | hide | 330 comments" [ref=e106]:
               - cell [ref=e107]
-              - cell "761 points by illithid0 14 hours ago | hide | 337 comments" [ref=e108]:
+              - cell "534 points by colinprince 7 hours ago | hide | 330 comments" [ref=e108]:
                 - generic [ref=e109]:
-                  - text: 761 points by
-                  - link "illithid0" [ref=e110] [cursor=pointer]:
-                    - /url: user?id=illithid0
-                  - generic "2026-01-05T21:05:50 1767647150" [ref=e111]:
-                    - link "14 hours ago" [ref=e112] [cursor=pointer]:
-                      - /url: item?id=46504963
+                  - text: 534 points by
+                  - link "colinprince" [ref=e110] [cursor=pointer]:
+                    - /url: user?id=colinprince
+                  - generic "2026-01-10T11:12:15 1768043535" [ref=e111]:
+                    - link "7 hours ago" [ref=e112] [cursor=pointer]:
+                      - /url: item?id=46564696
                   - text: "|"
                   - link "hide" [ref=e113] [cursor=pointer]:
-                    - /url: hide?id=46504963&goto=news
+                    - /url: hide?id=46564696&goto=news
                   - text: "|"
-                  - link "337 comments" [ref=e114] [cursor=pointer]:
-                    - /url: item?id=46504963
+                  - link "330 comments" [ref=e114] [cursor=pointer]:
+                    - /url: item?id=46564696
             - row [ref=e115]
-            - row "5. upvote Tube trains could navigate the Underground using the rules of Quantum Physics (ianvisits.co.uk)" [ref=e116]:
+            - row "5. upvote New information extracted from Snowden PDFs through metadata version analysis (libroot.org)" [ref=e116]:
               - cell "5." [ref=e117]
               - cell "upvote" [ref=e118]:
                 - link "upvote" [ref=e120] [cursor=pointer]:
-                  - /url: vote?id=46509967&how=up&goto=news
+                  - /url: vote?id=46564762&how=up&goto=news
                   - generic "upvote" [ref=e121]
-              - cell "Tube trains could navigate the Underground using the rules of Quantum Physics (ianvisits.co.uk)" [ref=e122]:
+              - cell "New information extracted from Snowden PDFs through metadata version analysis (libroot.org)" [ref=e122]:
                 - generic [ref=e123]:
-                  - link "Tube trains could navigate the Underground using the rules of Quantum Physics" [ref=e124] [cursor=pointer]:
-                    - /url: https://www.ianvisits.co.uk/articles/tube-trains-could-navigate-the-underground-using-the-weird-rules-of-quantum-physics-86370/
+                  - link "New information extracted from Snowden PDFs through metadata version analysis" [ref=e124] [cursor=pointer]:
+                    - /url: https://libroot.org/posts/going-through-snowden-documents-part-4/
                   - generic [ref=e125]:
                     - text: (
-                    - link "ianvisits.co.uk" [ref=e126] [cursor=pointer]:
-                      - /url: from?site=ianvisits.co.uk
+                    - link "libroot.org" [ref=e126] [cursor=pointer]:
+                      - /url: from?site=libroot.org
                     - text: )
-            - row "20 points by beardyw 2 hours ago | hide | 33 comments" [ref=e127]:
+            - row "180 points by libroot 7 hours ago | hide | 85 comments" [ref=e127]:
               - cell [ref=e128]
-              - cell "20 points by beardyw 2 hours ago | hide | 33 comments" [ref=e129]:
+              - cell "180 points by libroot 7 hours ago | hide | 85 comments" [ref=e129]:
                 - generic [ref=e130]:
-                  - text: 20 points by
-                  - link "beardyw" [ref=e131] [cursor=pointer]:
-                    - /url: user?id=beardyw
-                  - generic "2026-01-06T08:26:23 1767687983" [ref=e132]:
-                    - link "2 hours ago" [ref=e133] [cursor=pointer]:
-                      - /url: item?id=46509967
+                  - text: 180 points by
+                  - link "libroot" [ref=e131] [cursor=pointer]:
+                    - /url: user?id=libroot
+                  - generic "2026-01-10T11:23:59 1768044239" [ref=e132]:
+                    - link "7 hours ago" [ref=e133] [cursor=pointer]:
+                      - /url: item?id=46564762
                   - text: "|"
                   - link "hide" [ref=e134] [cursor=pointer]:
-                    - /url: hide?id=46509967&goto=news
+                    - /url: hide?id=46564762&goto=news
                   - text: "|"
-                  - link "33 comments" [ref=e135] [cursor=pointer]:
-                    - /url: item?id=46509967
+                  - link "85 comments" [ref=e135] [cursor=pointer]:
+                    - /url: item?id=46564762
             - row [ref=e136]
-            - row "6. upvote GBC Boot Animation 88×31 Web Button (zakhary.dev)" [ref=e137]:
+            - row "6. upvote UK government exempting itself from cyber law inspires little confidence (theregister.com)" [ref=e137]:
               - cell "6." [ref=e138]
               - cell "upvote" [ref=e139]:
                 - link "upvote" [ref=e141] [cursor=pointer]:
-                  - /url: vote?id=46507963&how=up&goto=news
+                  - /url: vote?id=46565731&how=up&goto=news
                   - generic "upvote" [ref=e142]
-              - cell "GBC Boot Animation 88×31 Web Button (zakhary.dev)" [ref=e143]:
+              - cell "UK government exempting itself from cyber law inspires little confidence (theregister.com)" [ref=e143]:
                 - generic [ref=e144]:
-                  - link "GBC Boot Animation 88×31 Web Button" [ref=e145] [cursor=pointer]:
-                    - /url: https://zakhary.dev/blog/gbc-web-button
+                  - link "UK government exempting itself from cyber law inspires little confidence" [ref=e145] [cursor=pointer]:
+                    - /url: https://www.theregister.com/2026/01/10/csr_bill_analysis/
                   - generic [ref=e146]:
                     - text: (
-                    - link "zakhary.dev" [ref=e147] [cursor=pointer]:
-                      - /url: from?site=zakhary.dev
+                    - link "theregister.com" [ref=e147] [cursor=pointer]:
+                      - /url: from?site=theregister.com
                     - text: )
-            - row "126 points by zakhary 8 hours ago | hide | 11 comments" [ref=e148]:
+            - row "194 points by DyslexicAtheist 4 hours ago | hide | 48 comments" [ref=e148]:
               - cell [ref=e149]
-              - cell "126 points by zakhary 8 hours ago | hide | 11 comments" [ref=e150]:
+              - cell "194 points by DyslexicAtheist 4 hours ago | hide | 48 comments" [ref=e150]:
                 - generic [ref=e151]:
-                  - text: 126 points by
-                  - link "zakhary" [ref=e152] [cursor=pointer]:
-                    - /url: user?id=zakhary
-                  - generic "2026-01-06T02:20:00 1767666000" [ref=e153]:
-                    - link "8 hours ago" [ref=e154] [cursor=pointer]:
-                      - /url: item?id=46507963
+                  - text: 194 points by
+                  - link "DyslexicAtheist" [ref=e152] [cursor=pointer]:
+                    - /url: user?id=DyslexicAtheist
+                  - generic "2026-01-10T13:51:27 1768053087" [ref=e153]:
+                    - link "4 hours ago" [ref=e154] [cursor=pointer]:
+                      - /url: item?id=46565731
                   - text: "|"
                   - link "hide" [ref=e155] [cursor=pointer]:
-                    - /url: hide?id=46507963&goto=news
+                    - /url: hide?id=46565731&goto=news
                   - text: "|"
-                  - link "11 comments" [ref=e156] [cursor=pointer]:
-                    - /url: item?id=46507963
+                  - link "48 comments" [ref=e156] [cursor=pointer]:
+                    - /url: item?id=46565731
             - row [ref=e157]
-            - 'row "7. upvote Try to take my position: The best promotion advice I ever got (grahamyooll.com)" [ref=e158]':
+            - row "7. upvote I replaced Windows with Linux and everything's going great (theverge.com)" [ref=e158]:
               - cell "7." [ref=e159]
               - cell "upvote" [ref=e160]:
                 - link "upvote" [ref=e162] [cursor=pointer]:
-                  - /url: vote?id=46466027&how=up&goto=news
+                  - /url: vote?id=46566465&how=up&goto=news
                   - generic "upvote" [ref=e163]
-              - 'cell "Try to take my position: The best promotion advice I ever got (grahamyooll.com)" [ref=e164]':
+              - cell "I replaced Windows with Linux and everything's going great (theverge.com)" [ref=e164]:
                 - generic [ref=e165]:
-                  - 'link "Try to take my position: The best promotion advice I ever got" [ref=e166] [cursor=pointer]':
-                    - /url: https://andrew.grahamyooll.com/blog/Try-to-Take-My-Position/
+                  - link "I replaced Windows with Linux and everything's going great" [ref=e166] [cursor=pointer]:
+                    - /url: https://www.theverge.com/tech/858910/linux-diary-gaming-desktop
                   - generic [ref=e167]:
                     - text: (
-                    - link "grahamyooll.com" [ref=e168] [cursor=pointer]:
-                      - /url: from?site=grahamyooll.com
+                    - link "theverge.com" [ref=e168] [cursor=pointer]:
+                      - /url: from?site=theverge.com
                     - text: )
-            - row "446 points by yuppiepuppie 16 hours ago | hide | 193 comments" [ref=e169]:
+            - row "229 points by rorylawless 3 hours ago | hide | 178 comments" [ref=e169]:
               - cell [ref=e170]
-              - cell "446 points by yuppiepuppie 16 hours ago | hide | 193 comments" [ref=e171]:
+              - cell "229 points by rorylawless 3 hours ago | hide | 178 comments" [ref=e171]:
                 - generic [ref=e172]:
-                  - text: 446 points by
-                  - link "yuppiepuppie" [ref=e173] [cursor=pointer]:
-                    - /url: user?id=yuppiepuppie
-                  - generic "2026-01-02T15:56:14 1767369374" [ref=e174]:
-                    - link "16 hours ago" [ref=e175] [cursor=pointer]:
-                      - /url: item?id=46466027
+                  - text: 229 points by
+                  - link "rorylawless" [ref=e173] [cursor=pointer]:
+                    - /url: user?id=rorylawless
+                  - generic "2026-01-10T15:26:26 1768058786" [ref=e174]:
+                    - link "3 hours ago" [ref=e175] [cursor=pointer]:
+                      - /url: item?id=46566465
                   - text: "|"
                   - link "hide" [ref=e176] [cursor=pointer]:
-                    - /url: hide?id=46466027&goto=news
+                    - /url: hide?id=46566465&goto=news
                   - text: "|"
-                  - link "193 comments" [ref=e177] [cursor=pointer]:
-                    - /url: item?id=46466027
+                  - link "178 comments" [ref=e177] [cursor=pointer]:
+                    - /url: item?id=46566465
             - row [ref=e178]
-            - row "8. upvote I/O is no longer the bottleneck? (2022) (stoppels.ch)" [ref=e179]:
+            - row "8. upvote Httpz – Zero-Allocation HTTP/1.1 Parser for OxCaml (github.com/avsm)" [ref=e179]:
               - cell "8." [ref=e180]
               - cell "upvote" [ref=e181]:
                 - link "upvote" [ref=e183] [cursor=pointer]:
-                  - /url: vote?id=46506994&how=up&goto=news
+                  - /url: vote?id=46524554&how=up&goto=news
                   - generic "upvote" [ref=e184]
-              - cell "I/O is no longer the bottleneck? (2022) (stoppels.ch)" [ref=e185]:
+              - cell "Httpz – Zero-Allocation HTTP/1.1 Parser for OxCaml (github.com/avsm)" [ref=e185]:
                 - generic [ref=e186]:
-                  - link "I/O is no longer the bottleneck? (2022)" [ref=e187] [cursor=pointer]:
-                    - /url: https://stoppels.ch/2022/11/27/io-is-no-longer-the-bottleneck.html
+                  - link "Httpz – Zero-Allocation HTTP/1.1 Parser for OxCaml" [ref=e187] [cursor=pointer]:
+                    - /url: https://github.com/avsm/httpz
                   - generic [ref=e188]:
                     - text: (
-                    - link "stoppels.ch" [ref=e189] [cursor=pointer]:
-                      - /url: from?site=stoppels.ch
+                    - link "github.com/avsm" [ref=e189] [cursor=pointer]:
+                      - /url: from?site=github.com/avsm
                     - text: )
-            - row "182 points by benhoyt 11 hours ago | hide | 88 comments" [ref=e190]:
+            - row "47 points by noelwelsh 6 hours ago | hide | 9 comments" [ref=e190]:
               - cell [ref=e191]
-              - cell "182 points by benhoyt 11 hours ago | hide | 88 comments" [ref=e192]:
+              - cell "47 points by noelwelsh 6 hours ago | hide | 9 comments" [ref=e192]:
                 - generic [ref=e193]:
-                  - text: 182 points by
-                  - link "benhoyt" [ref=e194] [cursor=pointer]:
-                    - /url: user?id=benhoyt
-                  - generic "2026-01-06T00:02:18 1767657738" [ref=e195]:
-                    - link "11 hours ago" [ref=e196] [cursor=pointer]:
-                      - /url: item?id=46506994
+                  - text: 47 points by
+                  - link "noelwelsh" [ref=e194] [cursor=pointer]:
+                    - /url: user?id=noelwelsh
+                  - generic "2026-01-07T10:02:12 1767780132" [ref=e195]:
+                    - link "6 hours ago" [ref=e196] [cursor=pointer]:
+                      - /url: item?id=46524554
                   - text: "|"
                   - link "hide" [ref=e197] [cursor=pointer]:
-                    - /url: hide?id=46506994&goto=news
+                    - /url: hide?id=46524554&goto=news
                   - text: "|"
-                  - link "88 comments" [ref=e198] [cursor=pointer]:
-                    - /url: item?id=46506994
+                  - link "9 comments" [ref=e198] [cursor=pointer]:
+                    - /url: item?id=46524554
             - row [ref=e199]
-            - row "9. upvote JavaScript's For-Of Loops Are Fast (waspdev.com)" [ref=e200]:
+            - row "9. UpCodes (YC S17) is hiring PMs, SWEs to automate construction compliance (up.codes)" [ref=e200]:
               - cell "9." [ref=e201]
-              - cell "upvote" [ref=e202]:
-                - link "upvote" [ref=e204] [cursor=pointer]:
-                  - /url: vote?id=46477306&how=up&goto=news
-                  - generic "upvote" [ref=e205]
-              - cell "JavaScript's For-Of Loops Are Fast (waspdev.com)" [ref=e206]:
-                - generic [ref=e207]:
-                  - link "JavaScript's For-Of Loops Are Fast" [ref=e208] [cursor=pointer]:
-                    - /url: https://waspdev.com/articles/2026-01-01/javascript-for-of-loops-are-actually-fast
-                  - generic [ref=e209]:
+              - cell [ref=e202]:
+                - img [ref=e203]
+              - cell "UpCodes (YC S17) is hiring PMs, SWEs to automate construction compliance (up.codes)" [ref=e204]:
+                - generic [ref=e205]:
+                  - link "UpCodes (YC S17) is hiring PMs, SWEs to automate construction compliance" [ref=e206] [cursor=pointer]:
+                    - /url: https://up.codes/careers?utm_source=HN
+                  - generic [ref=e207]:
                     - text: (
-                    - link "waspdev.com" [ref=e210] [cursor=pointer]:
-                      - /url: from?site=waspdev.com
+                    - link "up.codes" [ref=e208] [cursor=pointer]:
+                      - /url: from?site=up.codes
                     - text: )
-            - row "43 points by surprisetalk 5 hours ago | hide | 29 comments" [ref=e211]:
-              - cell [ref=e212]
-              - cell "43 points by surprisetalk 5 hours ago | hide | 29 comments" [ref=e213]:
-                - generic [ref=e214]:
-                  - text: 43 points by
-                  - link "surprisetalk" [ref=e215] [cursor=pointer]:
-                    - /url: user?id=surprisetalk
-                  - generic "2026-01-03T14:51:07 1767451867" [ref=e216]:
-                    - link "5 hours ago" [ref=e217] [cursor=pointer]:
-                      - /url: item?id=46477306
-                  - text: "|"
-                  - link "hide" [ref=e218] [cursor=pointer]:
-                    - /url: hide?id=46477306&goto=news
-                  - text: "|"
-                  - link "29 comments" [ref=e219] [cursor=pointer]:
-                    - /url: item?id=46477306
-            - row [ref=e220]
-            - row "10. upvote Interpreter – Offline screen translator for Japanese retro games (github.com/bquenin)" [ref=e221]:
-              - cell "10." [ref=e222]
-              - cell "upvote" [ref=e223]:
-                - link "upvote" [ref=e225] [cursor=pointer]:
-                  - /url: vote?id=46460930&how=up&goto=news
-                  - generic "upvote" [ref=e226]
-              - cell "Interpreter – Offline screen translator for Japanese retro games (github.com/bquenin)" [ref=e227]:
-                - generic [ref=e228]:
-                  - link "Interpreter – Offline screen translator for Japanese retro games" [ref=e229] [cursor=pointer]:
-                    - /url: https://github.com/bquenin/interpreter
-                  - generic [ref=e230]:
-                    - text: (
-                    - link "github.com/bquenin" [ref=e231] [cursor=pointer]:
-                      - /url: from?site=github.com/bquenin
-                    - text: )
-            - row "33 points by bane 5 hours ago | hide | 3 comments" [ref=e232]:
-              - cell [ref=e233]
-              - cell "33 points by bane 5 hours ago | hide | 3 comments" [ref=e234]:
-                - generic [ref=e235]:
-                  - text: 33 points by
-                  - link "bane" [ref=e236] [cursor=pointer]:
-                    - /url: user?id=bane
-                  - generic "2026-01-02T03:01:50 1767322910" [ref=e237]:
-                    - link "5 hours ago" [ref=e238] [cursor=pointer]:
-                      - /url: item?id=46460930
-                  - text: "|"
-                  - link "hide" [ref=e239] [cursor=pointer]:
-                    - /url: hide?id=46460930&goto=news
-                  - text: "|"
-                  - link "3 comments" [ref=e240] [cursor=pointer]:
-                    - /url: item?id=46460930
-            - row [ref=e241]
-            - row "11. upvote Six-decade math puzzle solved by Korean mathematician (koreaherald.com)" [ref=e242]:
-              - cell "11." [ref=e243]
-              - cell "upvote" [ref=e244]:
-                - link "upvote" [ref=e246] [cursor=pointer]:
-                  - /url: vote?id=46491129&how=up&goto=news
-                  - generic "upvote" [ref=e247]
-              - cell "Six-decade math puzzle solved by Korean mathematician (koreaherald.com)" [ref=e248]:
-                - generic [ref=e249]:
-                  - link "Six-decade math puzzle solved by Korean mathematician" [ref=e250] [cursor=pointer]:
-                    - /url: https://www.koreaherald.com/article/10648326
-                  - generic [ref=e251]:
-                    - text: (
-                    - link "koreaherald.com" [ref=e252] [cursor=pointer]:
-                      - /url: from?site=koreaherald.com
-                    - text: )
-            - row "180 points by mikhael 12 hours ago | hide | 52 comments" [ref=e253]:
-              - cell [ref=e254]
-              - cell "180 points by mikhael 12 hours ago | hide | 52 comments" [ref=e255]:
-                - generic [ref=e256]:
-                  - text: 180 points by
-                  - link "mikhael" [ref=e257] [cursor=pointer]:
-                    - /url: user?id=mikhael
-                  - generic "2026-01-04T19:10:31 1767553831" [ref=e258]:
-                    - link "12 hours ago" [ref=e259] [cursor=pointer]:
-                      - /url: item?id=46491129
-                  - text: "|"
-                  - link "hide" [ref=e260] [cursor=pointer]:
-                    - /url: hide?id=46491129&goto=news
-                  - text: "|"
-                  - link "52 comments" [ref=e261] [cursor=pointer]:
-                    - /url: item?id=46491129
-            - row [ref=e262]
-            - row "12. upvote Pebble Round 2 (repebble.com)" [ref=e263]:
-              - cell "12." [ref=e264]
-              - cell "upvote" [ref=e265]:
-                - link "upvote" [ref=e267] [cursor=pointer]:
-                  - /url: vote?id=46465335&how=up&goto=news
-                  - generic "upvote" [ref=e268]
-              - cell "Pebble Round 2 (repebble.com)" [ref=e269]:
-                - generic [ref=e270]:
-                  - link "Pebble Round 2" [ref=e271] [cursor=pointer]:
-                    - /url: https://repebble.com/blog/pebble-round-2-the-most-stylish-pebble-ever
-                  - generic [ref=e272]:
-                    - text: (
-                    - link "repebble.com" [ref=e273] [cursor=pointer]:
-                      - /url: from?site=repebble.com
-                    - text: )
-            - row "431 points by jackwilsdon 1 day ago | hide | 229 comments" [ref=e274]:
-              - cell [ref=e275]
-              - cell "431 points by jackwilsdon 1 day ago | hide | 229 comments" [ref=e276]:
-                - generic [ref=e277]:
-                  - text: 431 points by
-                  - link "jackwilsdon" [ref=e278] [cursor=pointer]:
-                    - /url: user?id=jackwilsdon
-                  - generic "2026-01-02T14:56:28 1767365788" [ref=e279]:
-                    - link "1 day ago" [ref=e280] [cursor=pointer]:
-                      - /url: item?id=46465335
-                  - text: "|"
-                  - link "hide" [ref=e281] [cursor=pointer]:
-                    - /url: hide?id=46465335&goto=news
-                  - text: "|"
-                  - link "229 comments" [ref=e282] [cursor=pointer]:
-                    - /url: item?id=46465335
-            - row [ref=e283]
-            - row "13. upvote How Y Combinator made it smart to trust founders (elbowgreasegames.substack.com)" [ref=e284]:
-              - cell "13." [ref=e285]
-              - cell "upvote" [ref=e286]:
-                - link "upvote" [ref=e288] [cursor=pointer]:
-                  - /url: vote?id=46501677&how=up&goto=news
-                  - generic "upvote" [ref=e289]
-              - cell "How Y Combinator made it smart to trust founders (elbowgreasegames.substack.com)" [ref=e290]:
-                - generic [ref=e291]:
-                  - link "How Y Combinator made it smart to trust founders" [ref=e292] [cursor=pointer]:
-                    - /url: https://elbowgreasegames.substack.com/p/when-good-actors-can-trust-each-other
-                  - generic [ref=e293]:
-                    - text: (
-                    - link "elbowgreasegames.substack.com" [ref=e294] [cursor=pointer]:
-                      - /url: from?site=elbowgreasegames.substack.com
-                    - text: )
-            - row "143 points by spacemarine1 17 hours ago | hide | 99 comments" [ref=e295]:
-              - cell [ref=e296]
-              - cell "143 points by spacemarine1 17 hours ago | hide | 99 comments" [ref=e297]:
-                - generic [ref=e298]:
-                  - text: 143 points by
-                  - link "spacemarine1" [ref=e299] [cursor=pointer]:
-                    - /url: user?id=spacemarine1
-                  - generic "2026-01-05T17:20:01 1767633601" [ref=e300]:
-                    - link "17 hours ago" [ref=e301] [cursor=pointer]:
-                      - /url: item?id=46501677
-                  - text: "|"
-                  - link "hide" [ref=e302] [cursor=pointer]:
-                    - /url: hide?id=46501677&goto=news
-                  - text: "|"
-                  - link "99 comments" [ref=e303] [cursor=pointer]:
-                    - /url: item?id=46501677
-            - row [ref=e304]
-            - row "14. upvote Brave overhauled its Rust adblock engine with FlatBuffers, cutting memory 75% (brave.com)" [ref=e305]:
-              - cell "14." [ref=e306]
-              - cell "upvote" [ref=e307]:
-                - link "upvote" [ref=e309] [cursor=pointer]:
-                  - /url: vote?id=46501894&how=up&goto=news
-                  - generic "upvote" [ref=e310]
-              - cell "Brave overhauled its Rust adblock engine with FlatBuffers, cutting memory 75% (brave.com)" [ref=e311]:
-                - generic [ref=e312]:
-                  - link "Brave overhauled its Rust adblock engine with FlatBuffers, cutting memory 75%" [ref=e313] [cursor=pointer]:
-                    - /url: https://brave.com/privacy-updates/36-adblock-memory-reduction/
-                  - generic [ref=e314]:
-                    - text: (
-                    - link "brave.com" [ref=e315] [cursor=pointer]:
-                      - /url: from?site=brave.com
-                    - text: )
-            - row "346 points by skaul 17 hours ago | hide | 174 comments" [ref=e316]:
-              - cell [ref=e317]
-              - cell "346 points by skaul 17 hours ago | hide | 174 comments" [ref=e318]:
-                - generic [ref=e319]:
-                  - text: 346 points by
-                  - link "skaul" [ref=e320] [cursor=pointer]:
-                    - /url: user?id=skaul
-                  - generic "2026-01-05T17:34:33 1767634473" [ref=e321]:
-                    - link "17 hours ago" [ref=e322] [cursor=pointer]:
-                      - /url: item?id=46501894
-                  - text: "|"
-                  - link "hide" [ref=e323] [cursor=pointer]:
-                    - /url: hide?id=46501894&goto=news
-                  - text: "|"
-                  - link "174 comments" [ref=e324] [cursor=pointer]:
-                    - /url: item?id=46501894
-            - row [ref=e325]
-            - row "15. upvote Welcome to Gas Town (steve-yegge.medium.com)" [ref=e326]:
-              - cell "15." [ref=e327]
-              - cell "upvote" [ref=e328]:
-                - link "upvote" [ref=e330] [cursor=pointer]:
-                  - /url: vote?id=46458936&how=up&goto=news
-                  - generic "upvote" [ref=e331]
-              - cell "Welcome to Gas Town (steve-yegge.medium.com)" [ref=e332]:
-                - generic [ref=e333]:
-                  - link "Welcome to Gas Town" [ref=e334] [cursor=pointer]:
-                    - /url: https://steve-yegge.medium.com/welcome-to-gas-town-4f25ee16dd04
-                  - generic [ref=e335]:
-                    - text: (
-                    - link "steve-yegge.medium.com" [ref=e336] [cursor=pointer]:
-                      - /url: from?site=steve-yegge.medium.com
-                    - text: )
-            - row "274 points by gmays 1 day ago | hide | 153 comments" [ref=e337]:
-              - cell [ref=e338]
-              - cell "274 points by gmays 1 day ago | hide | 153 comments" [ref=e339]:
-                - generic [ref=e340]:
-                  - text: 274 points by
-                  - link "gmays" [ref=e341] [cursor=pointer]:
-                    - /url: user?id=gmays
-                  - generic "2026-01-01T22:36:50 1767307010" [ref=e342]:
-                    - link "1 day ago" [ref=e343] [cursor=pointer]:
-                      - /url: item?id=46458936
-                  - text: "|"
-                  - link "hide" [ref=e344] [cursor=pointer]:
-                    - /url: hide?id=46458936&goto=news
-                  - text: "|"
-                  - link "153 comments" [ref=e345] [cursor=pointer]:
-                    - /url: item?id=46458936
-            - row [ref=e346]
-            - row "16. upvote Repair a ship’s hull still in the river in -50˚C (2022) (kaspersky.com)" [ref=e347]:
-              - cell "16." [ref=e348]
-              - cell "upvote" [ref=e349]:
-                - link "upvote" [ref=e351] [cursor=pointer]:
-                  - /url: vote?id=46464462&how=up&goto=news
-                  - generic "upvote" [ref=e352]
-              - cell "Repair a ship’s hull still in the river in -50˚C (2022) (kaspersky.com)" [ref=e353]:
-                - generic [ref=e354]:
-                  - link "Repair a ship’s hull still in the river in -50˚C (2022)" [ref=e355] [cursor=pointer]:
-                    - /url: https://eugene.kaspersky.com/2022/04/26/how-to-repair-the-underside-of-a-ships-hull-still-in-the-river-in-50%CB%9Ac-yakutsk/
-                  - generic [ref=e356]:
-                    - text: (
-                    - link "kaspersky.com" [ref=e357] [cursor=pointer]:
-                      - /url: from?site=kaspersky.com
-                    - text: )
-            - row "13 points by aziaziazi 2 hours ago | hide | 3 comments" [ref=e358]:
-              - cell [ref=e359]
-              - cell "13 points by aziaziazi 2 hours ago | hide | 3 comments" [ref=e360]:
-                - generic [ref=e361]:
-                  - text: 13 points by
-                  - link "aziaziazi" [ref=e362] [cursor=pointer]:
-                    - /url: user?id=aziaziazi
-                  - generic "2026-01-02T13:21:42 1767360102" [ref=e363]:
-                    - link "2 hours ago" [ref=e364] [cursor=pointer]:
-                      - /url: item?id=46464462
-                  - text: "|"
-                  - link "hide" [ref=e365] [cursor=pointer]:
-                    - /url: hide?id=46464462&goto=news
-                  - text: "|"
-                  - link "3 comments" [ref=e366] [cursor=pointer]:
-                    - /url: item?id=46464462
-            - row [ref=e367]
-            - 'row "17. upvote The Lottery Ticket Hypothesis: Finding Sparse, Trainable Neural Networks (2018) (arxiv.org)" [ref=e368]':
-              - cell "17." [ref=e369]
-              - cell "upvote" [ref=e370]:
-                - link "upvote" [ref=e372] [cursor=pointer]:
-                  - /url: vote?id=46470513&how=up&goto=news
-                  - generic "upvote" [ref=e373]
-              - 'cell "The Lottery Ticket Hypothesis: Finding Sparse, Trainable Neural Networks (2018) (arxiv.org)" [ref=e374]':
-                - generic [ref=e375]:
-                  - 'link "The Lottery Ticket Hypothesis: Finding Sparse, Trainable Neural Networks (2018)" [ref=e376] [cursor=pointer]':
-                    - /url: https://arxiv.org/abs/1803.03635
-                  - generic [ref=e377]:
-                    - text: (
-                    - link "arxiv.org" [ref=e378] [cursor=pointer]:
-                      - /url: from?site=arxiv.org
-                    - text: )
-            - row "101 points by felineflock 13 hours ago | hide | 24 comments" [ref=e379]:
-              - cell [ref=e380]
-              - cell "101 points by felineflock 13 hours ago | hide | 24 comments" [ref=e381]:
-                - generic [ref=e382]:
-                  - text: 101 points by
-                  - link "felineflock" [ref=e383] [cursor=pointer]:
-                    - /url: user?id=felineflock
-                  - generic "2026-01-02T22:53:53 1767394433" [ref=e384]:
-                    - link "13 hours ago" [ref=e385] [cursor=pointer]:
-                      - /url: item?id=46470513
-                  - text: "|"
-                  - link "hide" [ref=e386] [cursor=pointer]:
-                    - /url: hide?id=46470513&goto=news
-                  - text: "|"
-                  - link "24 comments" [ref=e387] [cursor=pointer]:
-                    - /url: item?id=46470513
-            - row [ref=e388]
-            - row "18. upvote I switched from VSCode to Zed (tenthousandmeters.com)" [ref=e389]:
-              - cell "18." [ref=e390]
-              - cell "upvote" [ref=e391]:
-                - link "upvote" [ref=e393] [cursor=pointer]:
-                  - /url: vote?id=46498735&how=up&goto=news
-                  - generic "upvote" [ref=e394]
-              - cell "I switched from VSCode to Zed (tenthousandmeters.com)" [ref=e395]:
-                - generic [ref=e396]:
-                  - link "I switched from VSCode to Zed" [ref=e397] [cursor=pointer]:
-                    - /url: https://tenthousandmeters.com/blog/i-switched-from-vscode-to-zed/
-                  - generic [ref=e398]:
-                    - text: (
-                    - link "tenthousandmeters.com" [ref=e399] [cursor=pointer]:
-                      - /url: from?site=tenthousandmeters.com
-                    - text: )
-            - row "369 points by r4victor 21 hours ago | hide | 331 comments" [ref=e400]:
-              - cell [ref=e401]
-              - cell "369 points by r4victor 21 hours ago | hide | 331 comments" [ref=e402]:
-                - generic [ref=e403]:
-                  - text: 369 points by
-                  - link "r4victor" [ref=e404] [cursor=pointer]:
-                    - /url: user?id=r4victor
-                  - generic "2026-01-05T13:52:17 1767621137" [ref=e405]:
-                    - link "21 hours ago" [ref=e406] [cursor=pointer]:
-                      - /url: item?id=46498735
-                  - text: "|"
-                  - link "hide" [ref=e407] [cursor=pointer]:
-                    - /url: hide?id=46498735&goto=news
-                  - text: "|"
-                  - link "331 comments" [ref=e408] [cursor=pointer]:
-                    - /url: item?id=46498735
-            - row [ref=e409]
-            - row "19. upvote Strange.website (strange.website)" [ref=e410]:
-              - cell "19." [ref=e411]
-              - cell "upvote" [ref=e412]:
-                - link "upvote" [ref=e414] [cursor=pointer]:
-                  - /url: vote?id=46506596&how=up&goto=news
-                  - generic "upvote" [ref=e415]
-              - cell "Strange.website (strange.website)" [ref=e416]:
-                - generic [ref=e417]:
-                  - link "Strange.website" [ref=e418] [cursor=pointer]:
-                    - /url: https://strange.website/
-                  - generic [ref=e419]:
-                    - text: (
-                    - link "strange.website" [ref=e420] [cursor=pointer]:
-                      - /url: from?site=strange.website
-                    - text: )
-            - row "137 points by abelanger 11 hours ago | hide | 49 comments" [ref=e421]:
-              - cell [ref=e422]
-              - cell "137 points by abelanger 11 hours ago | hide | 49 comments" [ref=e423]:
-                - generic [ref=e424]:
-                  - text: 137 points by
-                  - link "abelanger" [ref=e425] [cursor=pointer]:
-                    - /url: user?id=abelanger
-                  - generic "2026-01-05T23:19:52 1767655192" [ref=e426]:
-                    - link "11 hours ago" [ref=e427] [cursor=pointer]:
-                      - /url: item?id=46506596
-                  - text: "|"
-                  - link "hide" [ref=e428] [cursor=pointer]:
-                    - /url: hide?id=46506596&goto=news
-                  - text: "|"
-                  - link "49 comments" [ref=e429] [cursor=pointer]:
-                    - /url: item?id=46506596
-            - row [ref=e430]
-            - row "20. GoGoGrandparent (YC S16) is hiring back end engineers (ycombinator.com)" [ref=e431]:
-              - cell "20." [ref=e432]
-              - cell [ref=e433]:
-                - img [ref=e434]
-              - cell "GoGoGrandparent (YC S16) is hiring back end engineers (ycombinator.com)" [ref=e435]:
-                - generic [ref=e436]:
-                  - link "GoGoGrandparent (YC S16) is hiring back end engineers" [ref=e437] [cursor=pointer]:
-                    - /url: https://www.ycombinator.com/companies/gogograndparent/jobs/2vbzAw8-gogograndparent-yc-s16-is-hiring-backend-and-full-stack-engineers
-                  - generic [ref=e438]:
-                    - text: (
-                    - link "ycombinator.com" [ref=e439] [cursor=pointer]:
-                      - /url: from?site=ycombinator.com
-                    - text: )
-            - row "7 hours ago | hide" [ref=e440]:
-              - cell [ref=e441]
-              - cell "7 hours ago | hide" [ref=e442]:
-                - generic "2026-01-06T03:32:41 1767670361" [ref=e443]:
-                  - link "7 hours ago" [ref=e444] [cursor=pointer]:
-                    - /url: item?id=46508441
+            - row "1 hour ago | hide" [ref=e209]:
+              - cell [ref=e210]
+              - cell "1 hour ago | hide" [ref=e211]:
+                - generic "2026-01-10T17:01:49 1768064509" [ref=e212]:
+                  - link "1 hour ago" [ref=e213] [cursor=pointer]:
+                    - /url: item?id=46567458
                 - text: "|"
-                - link "hide" [ref=e445] [cursor=pointer]:
-                  - /url: hide?id=46508441&goto=news
+                - link "hide" [ref=e214] [cursor=pointer]:
+                  - /url: hide?id=46567458&goto=news
+            - row [ref=e215]
+            - 'row "10. upvote “Erdos problem #728 was solved more or less autonomously by AI” (mathstodon.xyz)" [ref=e216]':
+              - cell "10." [ref=e217]
+              - cell "upvote" [ref=e218]:
+                - link "upvote" [ref=e220] [cursor=pointer]:
+                  - /url: vote?id=46560445&how=up&goto=news
+                  - generic "upvote" [ref=e221]
+              - 'cell "“Erdos problem #728 was solved more or less autonomously by AI” (mathstodon.xyz)" [ref=e222]':
+                - generic [ref=e223]:
+                  - 'link "“Erdos problem #728 was solved more or less autonomously by AI”" [ref=e224] [cursor=pointer]':
+                    - /url: https://mathstodon.xyz/@tao/115855840223258103
+                  - generic [ref=e225]:
+                    - text: (
+                    - link "mathstodon.xyz" [ref=e226] [cursor=pointer]:
+                      - /url: from?site=mathstodon.xyz
+                    - text: )
+            - row "573 points by cod1r 19 hours ago | hide | 315 comments" [ref=e227]:
+              - cell [ref=e228]
+              - cell "573 points by cod1r 19 hours ago | hide | 315 comments" [ref=e229]:
+                - generic [ref=e230]:
+                  - text: 573 points by
+                  - link "cod1r" [ref=e231] [cursor=pointer]:
+                    - /url: user?id=cod1r
+                  - generic "2026-01-09T22:39:15 1767998355" [ref=e232]:
+                    - link "19 hours ago" [ref=e233] [cursor=pointer]:
+                      - /url: item?id=46560445
+                  - text: "|"
+                  - link "hide" [ref=e234] [cursor=pointer]:
+                    - /url: hide?id=46560445&goto=news
+                  - text: "|"
+                  - link "315 comments" [ref=e235] [cursor=pointer]:
+                    - /url: item?id=46560445
+            - row [ref=e236]
+            - row "11. upvote Reverse Engineering the Epson FilmScan 200 for Classic Mac (ronangaillard.github.io)" [ref=e237]:
+              - cell "11." [ref=e238]
+              - cell "upvote" [ref=e239]:
+                - link "upvote" [ref=e241] [cursor=pointer]:
+                  - /url: vote?id=46474065&how=up&goto=news
+                  - generic "upvote" [ref=e242]
+              - cell "Reverse Engineering the Epson FilmScan 200 for Classic Mac (ronangaillard.github.io)" [ref=e243]:
+                - generic [ref=e244]:
+                  - link "Reverse Engineering the Epson FilmScan 200 for Classic Mac" [ref=e245] [cursor=pointer]:
+                    - /url: https://ronangaillard.github.io/posts/reverse-engineering-epson-filmscan-200/
+                  - generic [ref=e246]:
+                    - text: (
+                    - link "ronangaillard.github.io" [ref=e247] [cursor=pointer]:
+                      - /url: from?site=ronangaillard.github.io
+                    - text: )
+            - row "60 points by j_leboulanger 7 hours ago | hide | 5 comments" [ref=e248]:
+              - cell [ref=e249]
+              - cell "60 points by j_leboulanger 7 hours ago | hide | 5 comments" [ref=e250]:
+                - generic [ref=e251]:
+                  - text: 60 points by
+                  - link "j_leboulanger" [ref=e252] [cursor=pointer]:
+                    - /url: user?id=j_leboulanger
+                  - generic "2026-01-03T08:26:52 1767428812" [ref=e253]:
+                    - link "7 hours ago" [ref=e254] [cursor=pointer]:
+                      - /url: item?id=46474065
+                  - text: "|"
+                  - link "hide" [ref=e255] [cursor=pointer]:
+                    - /url: hide?id=46474065&goto=news
+                  - text: "|"
+                  - link "5 comments" [ref=e256] [cursor=pointer]:
+                    - /url: item?id=46474065
+            - row [ref=e257]
+            - row "12. upvote Creating Embroidered Charts with R and ImageMagick (aman.bh)" [ref=e258]:
+              - cell "12." [ref=e259]
+              - cell "upvote" [ref=e260]:
+                - link "upvote" [ref=e262] [cursor=pointer]:
+                  - /url: vote?id=46512743&how=up&goto=news
+                  - generic "upvote" [ref=e263]
+              - cell "Creating Embroidered Charts with R and ImageMagick (aman.bh)" [ref=e264]:
+                - generic [ref=e265]:
+                  - link "Creating Embroidered Charts with R and ImageMagick" [ref=e266] [cursor=pointer]:
+                    - /url: https://aman.bh/blog/2025/creating-embroidered-charts-with-r-and-imagemagick
+                  - generic [ref=e267]:
+                    - text: (
+                    - link "aman.bh" [ref=e268] [cursor=pointer]:
+                      - /url: from?site=aman.bh
+                    - text: )
+            - row "57 points by speckx 8 hours ago | hide | 3 comments" [ref=e269]:
+              - cell [ref=e270]
+              - cell "57 points by speckx 8 hours ago | hide | 3 comments" [ref=e271]:
+                - generic [ref=e272]:
+                  - text: 57 points by
+                  - link "speckx" [ref=e273] [cursor=pointer]:
+                    - /url: user?id=speckx
+                  - generic "2026-01-06T14:33:30 1767710010" [ref=e274]:
+                    - link "8 hours ago" [ref=e275] [cursor=pointer]:
+                      - /url: item?id=46512743
+                  - text: "|"
+                  - link "hide" [ref=e276] [cursor=pointer]:
+                    - /url: hide?id=46512743&goto=news
+                  - text: "|"
+                  - link "3 comments" [ref=e277] [cursor=pointer]:
+                    - /url: item?id=46512743
+            - row [ref=e278]
+            - row "13. upvote Microsoft May Have Created the Slowest Windows in 25 Years with Windows 11 (eteknix.com)" [ref=e279]:
+              - cell "13." [ref=e280]
+              - cell "upvote" [ref=e281]:
+                - link "upvote" [ref=e283] [cursor=pointer]:
+                  - /url: vote?id=46567138&how=up&goto=news
+                  - generic "upvote" [ref=e284]
+              - cell "Microsoft May Have Created the Slowest Windows in 25 Years with Windows 11 (eteknix.com)" [ref=e285]:
+                - generic [ref=e286]:
+                  - link "Microsoft May Have Created the Slowest Windows in 25 Years with Windows 11" [ref=e287] [cursor=pointer]:
+                    - /url: https://www.eteknix.com/microsoft-may-have-created-the-slowest-windows-in-25-years-with-windows-11/
+                  - generic [ref=e288]:
+                    - text: (
+                    - link "eteknix.com" [ref=e289] [cursor=pointer]:
+                      - /url: from?site=eteknix.com
+                    - text: )
+            - row "175 points by nabla9 1 hour ago | hide | 172 comments" [ref=e290]:
+              - cell [ref=e291]
+              - cell "175 points by nabla9 1 hour ago | hide | 172 comments" [ref=e292]:
+                - generic [ref=e293]:
+                  - text: 175 points by
+                  - link "nabla9" [ref=e294] [cursor=pointer]:
+                    - /url: user?id=nabla9
+                  - generic "2026-01-10T16:36:56 1768063016" [ref=e295]:
+                    - link "1 hour ago" [ref=e296] [cursor=pointer]:
+                      - /url: item?id=46567138
+                  - text: "|"
+                  - link "hide" [ref=e297] [cursor=pointer]:
+                    - /url: hide?id=46567138&goto=news
+                  - text: "|"
+                  - link "172 comments" [ref=e298] [cursor=pointer]:
+                    - /url: item?id=46567138
+            - row [ref=e299]
+            - row "14. upvote Org Mode Syntax Is One of the Most Reasonable Markup Languages to Use for Text (karl-voit.at)" [ref=e300]:
+              - cell "14." [ref=e301]
+              - cell "upvote" [ref=e302]:
+                - link "upvote" [ref=e304] [cursor=pointer]:
+                  - /url: vote?id=46564116&how=up&goto=news
+                  - generic "upvote" [ref=e305]
+              - cell "Org Mode Syntax Is One of the Most Reasonable Markup Languages to Use for Text (karl-voit.at)" [ref=e306]:
+                - generic [ref=e307]:
+                  - link "Org Mode Syntax Is One of the Most Reasonable Markup Languages to Use for Text" [ref=e308] [cursor=pointer]:
+                    - /url: https://karl-voit.at/2017/09/23/orgmode-as-markup-only/
+                  - generic [ref=e309]:
+                    - text: (
+                    - link "karl-voit.at" [ref=e310] [cursor=pointer]:
+                      - /url: from?site=karl-voit.at
+                    - text: )
+            - row "154 points by adityaathalye 9 hours ago | hide | 112 comments" [ref=e311]:
+              - cell [ref=e312]
+              - cell "154 points by adityaathalye 9 hours ago | hide | 112 comments" [ref=e313]:
+                - generic [ref=e314]:
+                  - text: 154 points by
+                  - link "adityaathalye" [ref=e315] [cursor=pointer]:
+                    - /url: user?id=adityaathalye
+                  - generic "2026-01-10T09:15:30 1768036530" [ref=e316]:
+                    - link "9 hours ago" [ref=e317] [cursor=pointer]:
+                      - /url: item?id=46564116
+                  - text: "|"
+                  - link "hide" [ref=e318] [cursor=pointer]:
+                    - /url: hide?id=46564116&goto=news
+                  - text: "|"
+                  - link "112 comments" [ref=e319] [cursor=pointer]:
+                    - /url: item?id=46564116
+            - row [ref=e320]
+            - row "15. upvote Time Travelling and Fixing Bugs with Property-Based Testing (2019) (wickstrom.tech)" [ref=e321]:
+              - cell "15." [ref=e322]
+              - cell "upvote" [ref=e323]:
+                - link "upvote" [ref=e325] [cursor=pointer]:
+                  - /url: vote?id=46508956&how=up&goto=news
+                  - generic "upvote" [ref=e326]
+              - cell "Time Travelling and Fixing Bugs with Property-Based Testing (2019) (wickstrom.tech)" [ref=e327]:
+                - generic [ref=e328]:
+                  - link "Time Travelling and Fixing Bugs with Property-Based Testing (2019)" [ref=e329] [cursor=pointer]:
+                    - /url: https://wickstrom.tech/2019-11-17-time-travelling-and-fixing-bugs-with-property-based-testing.html
+                  - generic [ref=e330]:
+                    - text: (
+                    - link "wickstrom.tech" [ref=e331] [cursor=pointer]:
+                      - /url: from?site=wickstrom.tech
+                    - text: )
+            - row "10 points by todsacerdoti 3 hours ago | hide | discuss" [ref=e332]:
+              - cell [ref=e333]
+              - cell "10 points by todsacerdoti 3 hours ago | hide | discuss" [ref=e334]:
+                - generic [ref=e335]:
+                  - text: 10 points by
+                  - link "todsacerdoti" [ref=e336] [cursor=pointer]:
+                    - /url: user?id=todsacerdoti
+                  - generic "2026-01-06T05:07:20 1767676040" [ref=e337]:
+                    - link "3 hours ago" [ref=e338] [cursor=pointer]:
+                      - /url: item?id=46508956
+                  - text: "|"
+                  - link "hide" [ref=e339] [cursor=pointer]:
+                    - /url: hide?id=46508956&goto=news
+                  - text: "|"
+                  - link "discuss" [ref=e340] [cursor=pointer]:
+                    - /url: item?id=46508956
+            - row [ref=e341]
+            - row "16. upvote Greenland sharks maintain vision for centuries through DNA repair mechanism (phys.org)" [ref=e342]:
+              - cell "16." [ref=e343]
+              - cell "upvote" [ref=e344]:
+                - link "upvote" [ref=e346] [cursor=pointer]:
+                  - /url: vote?id=46511555&how=up&goto=news
+                  - generic "upvote" [ref=e347]
+              - cell "Greenland sharks maintain vision for centuries through DNA repair mechanism (phys.org)" [ref=e348]:
+                - generic [ref=e349]:
+                  - link "Greenland sharks maintain vision for centuries through DNA repair mechanism" [ref=e350] [cursor=pointer]:
+                    - /url: https://phys.org/news/2026-01-eye-greenland-sharks-vision-centuries.html
+                  - generic [ref=e351]:
+                    - text: (
+                    - link "phys.org" [ref=e352] [cursor=pointer]:
+                      - /url: from?site=phys.org
+                    - text: )
+            - row "215 points by pseudolus 19 hours ago | hide | 86 comments" [ref=e353]:
+              - cell [ref=e354]
+              - cell "215 points by pseudolus 19 hours ago | hide | 86 comments" [ref=e355]:
+                - generic [ref=e356]:
+                  - text: 215 points by
+                  - link "pseudolus" [ref=e357] [cursor=pointer]:
+                    - /url: user?id=pseudolus
+                  - generic "2026-01-06T12:44:52 1767703492" [ref=e358]:
+                    - link "19 hours ago" [ref=e359] [cursor=pointer]:
+                      - /url: item?id=46511555
+                  - text: "|"
+                  - link "hide" [ref=e360] [cursor=pointer]:
+                    - /url: hide?id=46511555&goto=news
+                  - text: "|"
+                  - link "86 comments" [ref=e361] [cursor=pointer]:
+                    - /url: item?id=46511555
+            - row [ref=e362]
+            - 'row "17. upvote Show HN: Yuanzai World – LLM RPGs with branching world-lines (yuanzai.world)" [ref=e363]':
+              - cell "17." [ref=e364]
+              - cell "upvote" [ref=e365]:
+                - link "upvote" [ref=e367] [cursor=pointer]:
+                  - /url: vote?id=46565265&how=up&goto=news
+                  - generic "upvote" [ref=e368]
+              - 'cell "Show HN: Yuanzai World – LLM RPGs with branching world-lines (yuanzai.world)" [ref=e369]':
+                - generic [ref=e370]:
+                  - 'link "Show HN: Yuanzai World – LLM RPGs with branching world-lines" [ref=e371] [cursor=pointer]':
+                    - /url: https://www.yuanzai.world/
+                  - generic [ref=e372]:
+                    - text: (
+                    - link "yuanzai.world" [ref=e373] [cursor=pointer]:
+                      - /url: from?site=yuanzai.world
+                    - text: )
+            - row "18 points by yuanzaiworld 5 hours ago | hide | 1 comment" [ref=e374]:
+              - cell [ref=e375]
+              - cell "18 points by yuanzaiworld 5 hours ago | hide | 1 comment" [ref=e376]:
+                - generic [ref=e377]:
+                  - text: 18 points by
+                  - link "yuanzaiworld" [ref=e378] [cursor=pointer]:
+                    - /url: user?id=yuanzaiworld
+                  - generic "2026-01-10T12:48:13 1768049293" [ref=e379]:
+                    - link "5 hours ago" [ref=e380] [cursor=pointer]:
+                      - /url: item?id=46565265
+                  - text: "|"
+                  - link "hide" [ref=e381] [cursor=pointer]:
+                    - /url: hide?id=46565265&goto=news
+                  - text: "|"
+                  - link "1 comment" [ref=e382] [cursor=pointer]:
+                    - /url: item?id=46565265
+            - row [ref=e383]
+            - row "18. upvote JavaScript Demos in 140 Characters (dwitter.net)" [ref=e384]:
+              - cell "18." [ref=e385]
+              - cell "upvote" [ref=e386]:
+                - link "upvote" [ref=e388] [cursor=pointer]:
+                  - /url: vote?id=46557489&how=up&goto=news
+                  - generic "upvote" [ref=e389]
+              - cell "JavaScript Demos in 140 Characters (dwitter.net)" [ref=e390]:
+                - generic [ref=e391]:
+                  - link "JavaScript Demos in 140 Characters" [ref=e392] [cursor=pointer]:
+                    - /url: https://beta.dwitter.net
+                  - generic [ref=e393]:
+                    - text: (
+                    - link "dwitter.net" [ref=e394] [cursor=pointer]:
+                      - /url: from?site=dwitter.net
+                    - text: )
+            - row "314 points by themanmaran 23 hours ago | hide | 56 comments" [ref=e395]:
+              - cell [ref=e396]
+              - cell "314 points by themanmaran 23 hours ago | hide | 56 comments" [ref=e397]:
+                - generic [ref=e398]:
+                  - text: 314 points by
+                  - link "themanmaran" [ref=e399] [cursor=pointer]:
+                    - /url: user?id=themanmaran
+                  - generic "2026-01-09T18:48:30 1767984510" [ref=e400]:
+                    - link "23 hours ago" [ref=e401] [cursor=pointer]:
+                      - /url: item?id=46557489
+                  - text: "|"
+                  - link "hide" [ref=e402] [cursor=pointer]:
+                    - /url: hide?id=46557489&goto=news
+                  - text: "|"
+                  - link "56 comments" [ref=e403] [cursor=pointer]:
+                    - /url: item?id=46557489
+            - row [ref=e404]
+            - row "19. upvote Changes to Android Open Source Project (android.com)" [ref=e405]:
+              - cell "19." [ref=e406]
+              - cell "upvote" [ref=e407]:
+                - link "upvote" [ref=e409] [cursor=pointer]:
+                  - /url: vote?id=46524379&how=up&goto=news
+                  - generic "upvote" [ref=e410]
+              - cell "Changes to Android Open Source Project (android.com)" [ref=e411]:
+                - generic [ref=e412]:
+                  - link "Changes to Android Open Source Project" [ref=e413] [cursor=pointer]:
+                    - /url: https://source.android.com/
+                  - generic [ref=e414]:
+                    - text: (
+                    - link "android.com" [ref=e415] [cursor=pointer]:
+                      - /url: from?site=android.com
+                    - text: )
+            - row "249 points by TechTechTech 15 hours ago | hide | 166 comments" [ref=e416]:
+              - cell [ref=e417]
+              - cell "249 points by TechTechTech 15 hours ago | hide | 166 comments" [ref=e418]:
+                - generic [ref=e419]:
+                  - text: 249 points by
+                  - link "TechTechTech" [ref=e420] [cursor=pointer]:
+                    - /url: user?id=TechTechTech
+                  - generic "2026-01-07T09:35:46 1767778546" [ref=e421]:
+                    - link "15 hours ago" [ref=e422] [cursor=pointer]:
+                      - /url: item?id=46524379
+                  - text: "|"
+                  - link "hide" [ref=e423] [cursor=pointer]:
+                    - /url: hide?id=46524379&goto=news
+                  - text: "|"
+                  - link "166 comments" [ref=e424] [cursor=pointer]:
+                    - /url: item?id=46524379
+            - row [ref=e425]
+            - row "20. upvote Start your meetings at 5 minutes past (philipotoole.com)" [ref=e426]:
+              - cell "20." [ref=e427]
+              - cell "upvote" [ref=e428]:
+                - link "upvote" [ref=e430] [cursor=pointer]:
+                  - /url: vote?id=46560217&how=up&goto=news
+                  - generic "upvote" [ref=e431]
+              - cell "Start your meetings at 5 minutes past (philipotoole.com)" [ref=e432]:
+                - generic [ref=e433]:
+                  - link "Start your meetings at 5 minutes past" [ref=e434] [cursor=pointer]:
+                    - /url: https://philipotoole.com/start-your-meetings-at-5-minutes-past/
+                  - generic [ref=e435]:
+                    - text: (
+                    - link "philipotoole.com" [ref=e436] [cursor=pointer]:
+                      - /url: from?site=philipotoole.com
+                    - text: )
+            - row "231 points by otoolep 20 hours ago | hide | 200 comments" [ref=e437]:
+              - cell [ref=e438]
+              - cell "231 points by otoolep 20 hours ago | hide | 200 comments" [ref=e439]:
+                - generic [ref=e440]:
+                  - text: 231 points by
+                  - link "otoolep" [ref=e441] [cursor=pointer]:
+                    - /url: user?id=otoolep
+                  - generic "2026-01-09T22:19:03 1767997143" [ref=e442]:
+                    - link "20 hours ago" [ref=e443] [cursor=pointer]:
+                      - /url: item?id=46560217
+                  - text: "|"
+                  - link "hide" [ref=e444] [cursor=pointer]:
+                    - /url: hide?id=46560217&goto=news
+                  - text: "|"
+                  - link "200 comments" [ref=e445] [cursor=pointer]:
+                    - /url: item?id=46560217
             - row [ref=e446]
-            - 'row "21. upvote Databases in 2025: A Year in Review (cmu.edu)" [ref=e447]':
+            - 'row "21. upvote Ask HN: What''s a standard way for apps to request text completion as a service?" [ref=e447]':
               - cell "21." [ref=e448]
               - cell "upvote" [ref=e449]:
                 - link "upvote" [ref=e451] [cursor=pointer]:
-                  - /url: vote?id=46496103&how=up&goto=news
+                  - /url: vote?id=46506261&how=up&goto=news
                   - generic "upvote" [ref=e452]
-              - 'cell "Databases in 2025: A Year in Review (cmu.edu)" [ref=e453]':
-                - generic [ref=e454]:
-                  - 'link "Databases in 2025: A Year in Review" [ref=e455] [cursor=pointer]':
-                    - /url: https://www.cs.cmu.edu/~pavlo/blog/2026/01/2025-databases-retrospective.html
-                  - generic [ref=e456]:
+              - 'cell "Ask HN: What''s a standard way for apps to request text completion as a service?" [ref=e453]':
+                - 'link "Ask HN: What''s a standard way for apps to request text completion as a service?" [ref=e455] [cursor=pointer]':
+                  - /url: item?id=46506261
+            - row "44 points by nvader 9 hours ago | hide | 20 comments" [ref=e456]:
+              - cell [ref=e457]
+              - cell "44 points by nvader 9 hours ago | hide | 20 comments" [ref=e458]:
+                - generic [ref=e459]:
+                  - text: 44 points by
+                  - link "nvader" [ref=e460] [cursor=pointer]:
+                    - /url: user?id=nvader
+                  - generic "2026-01-05T22:51:14 1767653474" [ref=e461]:
+                    - link "9 hours ago" [ref=e462] [cursor=pointer]:
+                      - /url: item?id=46506261
+                  - text: "|"
+                  - link "hide" [ref=e463] [cursor=pointer]:
+                    - /url: hide?id=46506261&goto=news
+                  - text: "|"
+                  - link "20 comments" [ref=e464] [cursor=pointer]:
+                    - /url: item?id=46506261
+            - row [ref=e465]
+            - row "22. upvote How Markdown took over the world (anildash.com)" [ref=e466]:
+              - cell "22." [ref=e467]
+              - cell "upvote" [ref=e468]:
+                - link "upvote" [ref=e470] [cursor=pointer]:
+                  - /url: vote?id=46556695&how=up&goto=news
+                  - generic "upvote" [ref=e471]
+              - cell "How Markdown took over the world (anildash.com)" [ref=e472]:
+                - generic [ref=e473]:
+                  - link "How Markdown took over the world" [ref=e474] [cursor=pointer]:
+                    - /url: https://www.anildash.com/2026/01/09/how-markdown-took-over-the-world/
+                  - generic [ref=e475]:
                     - text: (
-                    - link "cmu.edu" [ref=e457] [cursor=pointer]:
-                      - /url: from?site=cmu.edu
+                    - link "anildash.com" [ref=e476] [cursor=pointer]:
+                      - /url: from?site=anildash.com
                     - text: )
-            - row "600 points by viveknathani_ 1 day ago | hide | 167 comments" [ref=e458]:
-              - cell [ref=e459]
-              - cell "600 points by viveknathani_ 1 day ago | hide | 167 comments" [ref=e460]:
-                - generic [ref=e461]:
-                  - text: 600 points by
-                  - link "viveknathani_" [ref=e462] [cursor=pointer]:
-                    - /url: user?id=viveknathani_
-                  - generic "2026-01-05T07:14:30 1767597270" [ref=e463]:
-                    - link "1 day ago" [ref=e464] [cursor=pointer]:
-                      - /url: item?id=46496103
-                  - text: "|"
-                  - link "hide" [ref=e465] [cursor=pointer]:
-                    - /url: hide?id=46496103&goto=news
-                  - text: "|"
-                  - link "167 comments" [ref=e466] [cursor=pointer]:
-                    - /url: item?id=46496103
-            - row [ref=e467]
-            - row "22. upvote New maps reveal post-flood migration patterns across the US (rice.edu)" [ref=e468]:
-              - cell "22." [ref=e469]
-              - cell "upvote" [ref=e470]:
-                - link "upvote" [ref=e472] [cursor=pointer]:
-                  - /url: vote?id=46455643&how=up&goto=news
-                  - generic "upvote" [ref=e473]
-              - cell "New maps reveal post-flood migration patterns across the US (rice.edu)" [ref=e474]:
-                - generic [ref=e475]:
-                  - link "New maps reveal post-flood migration patterns across the US" [ref=e476] [cursor=pointer]:
-                    - /url: https://kinder.rice.edu/urbanedge/fema-buyouts-vs-risky-real-estate-new-maps-reveal-post-flood-migration-patterns-across-us
-                  - generic [ref=e477]:
-                    - text: (
-                    - link "rice.edu" [ref=e478] [cursor=pointer]:
-                      - /url: from?site=rice.edu
-                    - text: )
-            - row "15 points by toomuchtodo 4 hours ago | hide | 8 comments" [ref=e479]:
-              - cell [ref=e480]
-              - cell "15 points by toomuchtodo 4 hours ago | hide | 8 comments" [ref=e481]:
-                - generic [ref=e482]:
-                  - text: 15 points by
-                  - link "toomuchtodo" [ref=e483] [cursor=pointer]:
-                    - /url: user?id=toomuchtodo
-                  - generic "2026-01-01T16:58:19 1767286699" [ref=e484]:
-                    - link "4 hours ago" [ref=e485] [cursor=pointer]:
-                      - /url: item?id=46455643
-                  - text: "|"
-                  - link "hide" [ref=e486] [cursor=pointer]:
-                    - /url: hide?id=46455643&goto=news
-                  - text: "|"
-                  - link "8 comments" [ref=e487] [cursor=pointer]:
-                    - /url: item?id=46455643
-            - row [ref=e488]
-            - row "23. upvote Why didn't AI “join the workforce” in 2025? (calnewport.com)" [ref=e489]:
-              - cell "23." [ref=e490]
-              - cell "upvote" [ref=e491]:
-                - link "upvote" [ref=e493] [cursor=pointer]:
-                  - /url: vote?id=46505735&how=up&goto=news
-                  - generic "upvote" [ref=e494]
-              - cell "Why didn't AI “join the workforce” in 2025? (calnewport.com)" [ref=e495]:
-                - generic [ref=e496]:
-                  - link "Why didn't AI “join the workforce” in 2025?" [ref=e497] [cursor=pointer]:
-                    - /url: https://calnewport.com/why-didnt-ai-join-the-workforce-in-2025/
-                  - generic [ref=e498]:
-                    - text: (
-                    - link "calnewport.com" [ref=e499] [cursor=pointer]:
-                      - /url: from?site=calnewport.com
-                    - text: )
-            - row "141 points by zdw 13 hours ago | hide | 188 comments" [ref=e500]:
-              - cell [ref=e501]
-              - cell "141 points by zdw 13 hours ago | hide | 188 comments" [ref=e502]:
-                - generic [ref=e503]:
-                  - text: 141 points by
-                  - link "zdw" [ref=e504] [cursor=pointer]:
+            - row "379 points by zdw 1 day ago | hide | 282 comments" [ref=e477]:
+              - cell [ref=e478]
+              - cell "379 points by zdw 1 day ago | hide | 282 comments" [ref=e479]:
+                - generic [ref=e480]:
+                  - text: 379 points by
+                  - link "zdw" [ref=e481] [cursor=pointer]:
                     - /url: user?id=zdw
-                  - generic "2026-01-05T22:10:15 1767651015" [ref=e505]:
-                    - link "13 hours ago" [ref=e506] [cursor=pointer]:
-                      - /url: item?id=46505735
+                  - generic "2026-01-09T17:52:20 1767981140" [ref=e482]:
+                    - link "1 day ago" [ref=e483] [cursor=pointer]:
+                      - /url: item?id=46556695
                   - text: "|"
-                  - link "hide" [ref=e507] [cursor=pointer]:
-                    - /url: hide?id=46505735&goto=news
+                  - link "hide" [ref=e484] [cursor=pointer]:
+                    - /url: hide?id=46556695&goto=news
                   - text: "|"
-                  - link "188 comments" [ref=e508] [cursor=pointer]:
-                    - /url: item?id=46505735
-            - row [ref=e509]
-            - 'row "24. upvote Show HN: Tailsnitch – A security auditor for Tailscale (github.com/adversis)" [ref=e510]':
-              - cell "24." [ref=e511]
-              - cell "upvote" [ref=e512]:
-                - link "upvote" [ref=e514] [cursor=pointer]:
-                  - /url: vote?id=46501137&how=up&goto=news
-                  - generic "upvote" [ref=e515]
-              - 'cell "Show HN: Tailsnitch – A security auditor for Tailscale (github.com/adversis)" [ref=e516]':
-                - generic [ref=e517]:
-                  - 'link "Show HN: Tailsnitch – A security auditor for Tailscale" [ref=e518] [cursor=pointer]':
-                    - /url: https://github.com/Adversis/tailsnitch
-                  - generic [ref=e519]:
+                  - link "282 comments" [ref=e485] [cursor=pointer]:
+                    - /url: item?id=46556695
+            - row [ref=e486]
+            - 'row "23. upvote Alien: Braun Aromaster KF 20 Coffee Makers (2012) (alienexplorations.blogspot.com)" [ref=e487]':
+              - cell "23." [ref=e488]
+              - cell "upvote" [ref=e489]:
+                - link "upvote" [ref=e491] [cursor=pointer]:
+                  - /url: vote?id=46473897&how=up&goto=news
+                  - generic "upvote" [ref=e492]
+              - 'cell "Alien: Braun Aromaster KF 20 Coffee Makers (2012) (alienexplorations.blogspot.com)" [ref=e493]':
+                - generic [ref=e494]:
+                  - 'link "Alien: Braun Aromaster KF 20 Coffee Makers (2012)" [ref=e495] [cursor=pointer]':
+                    - /url: http://alienexplorations.blogspot.com/1979/05/kf-20-coffee-making-machine.html
+                  - generic [ref=e496]:
                     - text: (
-                    - link "github.com/adversis" [ref=e520] [cursor=pointer]:
-                      - /url: from?site=github.com/adversis
+                    - link "alienexplorations.blogspot.com" [ref=e497] [cursor=pointer]:
+                      - /url: from?site=alienexplorations.blogspot.com
                     - text: )
-            - row "241 points by thesubtlety 18 hours ago | hide | 24 comments" [ref=e521]:
-              - cell [ref=e522]
-              - cell "241 points by thesubtlety 18 hours ago | hide | 24 comments" [ref=e523]:
-                - generic [ref=e524]:
-                  - text: 241 points by
-                  - link "thesubtlety" [ref=e525] [cursor=pointer]:
-                    - /url: user?id=thesubtlety
-                  - generic "2026-01-05T16:47:23 1767631643" [ref=e526]:
-                    - link "18 hours ago" [ref=e527] [cursor=pointer]:
-                      - /url: item?id=46501137
+            - row "82 points by exvi 14 hours ago | hide | 25 comments" [ref=e498]:
+              - cell [ref=e499]
+              - cell "82 points by exvi 14 hours ago | hide | 25 comments" [ref=e500]:
+                - generic [ref=e501]:
+                  - text: 82 points by
+                  - link "exvi" [ref=e502] [cursor=pointer]:
+                    - /url: user?id=exvi
+                  - generic "2026-01-03T08:08:41 1767427721" [ref=e503]:
+                    - link "14 hours ago" [ref=e504] [cursor=pointer]:
+                      - /url: item?id=46473897
                   - text: "|"
-                  - link "hide" [ref=e528] [cursor=pointer]:
-                    - /url: hide?id=46501137&goto=news
+                  - link "hide" [ref=e505] [cursor=pointer]:
+                    - /url: hide?id=46473897&goto=news
                   - text: "|"
-                  - link "24 comments" [ref=e529] [cursor=pointer]:
-                    - /url: item?id=46501137
-            - row [ref=e530]
-            - row "25. upvote Investigating and fixing a nasty clone bug (kobzol.github.io)" [ref=e531]:
-              - cell "25." [ref=e532]
-              - cell "upvote" [ref=e533]:
-                - link "upvote" [ref=e535] [cursor=pointer]:
-                  - /url: vote?id=46440271&how=up&goto=news
-                  - generic "upvote" [ref=e536]
-              - cell "Investigating and fixing a nasty clone bug (kobzol.github.io)" [ref=e537]:
-                - generic [ref=e538]:
-                  - link "Investigating and fixing a nasty clone bug" [ref=e539] [cursor=pointer]:
-                    - /url: https://kobzol.github.io/rust/2025/12/30/investigating-and-fixing-a-nasty-clone-bug.html
-                  - generic [ref=e540]:
+                  - link "25 comments" [ref=e506] [cursor=pointer]:
+                    - /url: item?id=46473897
+            - row [ref=e507]
+            - 'row "24. upvote Janderland/fenv: FoundationDB development environment (github.com/janderland)" [ref=e508]':
+              - cell "24." [ref=e509]
+              - cell "upvote" [ref=e510]:
+                - link "upvote" [ref=e512] [cursor=pointer]:
+                  - /url: vote?id=46477290&how=up&goto=news
+                  - generic "upvote" [ref=e513]
+              - 'cell "Janderland/fenv: FoundationDB development environment (github.com/janderland)" [ref=e514]':
+                - generic [ref=e515]:
+                  - 'link "Janderland/fenv: FoundationDB development environment" [ref=e516] [cursor=pointer]':
+                    - /url: https://github.com/janderland/fenv
+                  - generic [ref=e517]:
                     - text: (
-                    - link "kobzol.github.io" [ref=e541] [cursor=pointer]:
-                      - /url: from?site=kobzol.github.io
+                    - link "github.com/janderland" [ref=e518] [cursor=pointer]:
+                      - /url: from?site=github.com/janderland
                     - text: )
-            - row "6 points by ibobev 3 hours ago | hide | 1 comment" [ref=e542]:
-              - cell [ref=e543]
-              - cell "6 points by ibobev 3 hours ago | hide | 1 comment" [ref=e544]:
-                - generic [ref=e545]:
-                  - text: 6 points by
-                  - link "ibobev" [ref=e546] [cursor=pointer]:
-                    - /url: user?id=ibobev
-                  - generic "2025-12-31T01:24:14 1767144254" [ref=e547]:
-                    - link "3 hours ago" [ref=e548] [cursor=pointer]:
-                      - /url: item?id=46440271
+            - row "5 points by surprisetalk 3 hours ago | hide | discuss" [ref=e519]:
+              - cell [ref=e520]
+              - cell "5 points by surprisetalk 3 hours ago | hide | discuss" [ref=e521]:
+                - generic [ref=e522]:
+                  - text: 5 points by
+                  - link "surprisetalk" [ref=e523] [cursor=pointer]:
+                    - /url: user?id=surprisetalk
+                  - generic "2026-01-03T14:50:07 1767451807" [ref=e524]:
+                    - link "3 hours ago" [ref=e525] [cursor=pointer]:
+                      - /url: item?id=46477290
                   - text: "|"
-                  - link "hide" [ref=e549] [cursor=pointer]:
-                    - /url: hide?id=46440271&goto=news
+                  - link "hide" [ref=e526] [cursor=pointer]:
+                    - /url: hide?id=46477290&goto=news
                   - text: "|"
-                  - link "1 comment" [ref=e550] [cursor=pointer]:
-                    - /url: item?id=46440271
-            - row [ref=e551]
-            - row "26. upvote What to Do When the Trisector Comes (1983) [pdf] (ufv.ca)" [ref=e552]:
-              - cell "26." [ref=e553]
-              - cell "upvote" [ref=e554]:
-                - link "upvote" [ref=e556] [cursor=pointer]:
-                  - /url: vote?id=46425819&how=up&goto=news
-                  - generic "upvote" [ref=e557]
-              - cell "What to Do When the Trisector Comes (1983) [pdf] (ufv.ca)" [ref=e558]:
-                - generic [ref=e559]:
-                  - link "What to Do When the Trisector Comes (1983) [pdf]" [ref=e560] [cursor=pointer]:
-                    - /url: https://www.ufv.ca/media/faculty/gregschlitt/information/WhatToDoWhenTrisectorComes.pdf
-                  - generic [ref=e561]:
+                  - link "discuss" [ref=e527] [cursor=pointer]:
+                    - /url: item?id=46477290
+            - row [ref=e528]
+            - row "25. upvote How will the miracle happen today? (kk.org)" [ref=e529]:
+              - cell "25." [ref=e530]
+              - cell "upvote" [ref=e531]:
+                - link "upvote" [ref=e533] [cursor=pointer]:
+                  - /url: vote?id=46489514&how=up&goto=news
+                  - generic "upvote" [ref=e534]
+              - cell "How will the miracle happen today? (kk.org)" [ref=e535]:
+                - generic [ref=e536]:
+                  - link "How will the miracle happen today?" [ref=e537] [cursor=pointer]:
+                    - /url: https://kk.org/thetechnium/how-will-the-miracle-happen-today/
+                  - generic [ref=e538]:
                     - text: (
-                    - link "ufv.ca" [ref=e562] [cursor=pointer]:
-                      - /url: from?site=ufv.ca
+                    - link "kk.org" [ref=e539] [cursor=pointer]:
+                      - /url: from?site=kk.org
                     - text: )
-            - row "73 points by robertvc 14 hours ago | hide | 8 comments" [ref=e563]:
-              - cell [ref=e564]
-              - cell "73 points by robertvc 14 hours ago | hide | 8 comments" [ref=e565]:
-                - generic [ref=e566]:
-                  - text: 73 points by
-                  - link "robertvc" [ref=e567] [cursor=pointer]:
-                    - /url: user?id=robertvc
-                  - generic "2025-12-29T21:17:26 1767043046" [ref=e568]:
-                    - link "14 hours ago" [ref=e569] [cursor=pointer]:
-                      - /url: item?id=46425819
+            - row "516 points by zdw 1 day ago | hide | 251 comments" [ref=e540]:
+              - cell [ref=e541]
+              - cell "516 points by zdw 1 day ago | hide | 251 comments" [ref=e542]:
+                - generic [ref=e543]:
+                  - text: 516 points by
+                  - link "zdw" [ref=e544] [cursor=pointer]:
+                    - /url: user?id=zdw
+                  - generic "2026-01-04T16:32:13 1767544333" [ref=e545]:
+                    - link "1 day ago" [ref=e546] [cursor=pointer]:
+                      - /url: item?id=46489514
                   - text: "|"
-                  - link "hide" [ref=e570] [cursor=pointer]:
-                    - /url: hide?id=46425819&goto=news
+                  - link "hide" [ref=e547] [cursor=pointer]:
+                    - /url: hide?id=46489514&goto=news
                   - text: "|"
-                  - link "8 comments" [ref=e571] [cursor=pointer]:
-                    - /url: item?id=46425819
-            - row [ref=e572]
-            - row "27. upvote Dealing with abandonware (2024) (hris.to)" [ref=e573]:
-              - cell "27." [ref=e574]
-              - cell "upvote" [ref=e575]:
-                - link "upvote" [ref=e577] [cursor=pointer]:
-                  - /url: vote?id=46499425&how=up&goto=news
-                  - generic "upvote" [ref=e578]
-              - cell "Dealing with abandonware (2024) (hris.to)" [ref=e579]:
-                - generic [ref=e580]:
-                  - link "Dealing with abandonware (2024)" [ref=e581] [cursor=pointer]:
-                    - /url: https://blog.hris.to/./dealing-with-abandonware.html
-                  - generic [ref=e582]:
+                  - link "251 comments" [ref=e548] [cursor=pointer]:
+                    - /url: item?id=46489514
+            - row [ref=e549]
+            - row "26. upvote Kagi releases alpha version of Orion for Linux (kagi.com)" [ref=e550]:
+              - cell "26." [ref=e551]
+              - cell "upvote" [ref=e552]:
+                - link "upvote" [ref=e554] [cursor=pointer]:
+                  - /url: vote?id=46553343&how=up&goto=news
+                  - generic "upvote" [ref=e555]
+              - cell "Kagi releases alpha version of Orion for Linux (kagi.com)" [ref=e556]:
+                - generic [ref=e557]:
+                  - link "Kagi releases alpha version of Orion for Linux" [ref=e558] [cursor=pointer]:
+                    - /url: https://help.kagi.com/orion/misc/linux-status.html
+                  - generic [ref=e559]:
                     - text: (
-                    - link "hris.to" [ref=e583] [cursor=pointer]:
-                      - /url: from?site=hris.to
+                    - link "kagi.com" [ref=e560] [cursor=pointer]:
+                      - /url: from?site=kagi.com
                     - text: )
-            - row "98 points by mondobe 13 hours ago | hide | 35 comments" [ref=e584]:
-              - cell [ref=e585]
-              - cell "98 points by mondobe 13 hours ago | hide | 35 comments" [ref=e586]:
-                - generic [ref=e587]:
-                  - text: 98 points by
-                  - link "mondobe" [ref=e588] [cursor=pointer]:
-                    - /url: user?id=mondobe
-                  - generic "2026-01-05T14:53:23 1767624803" [ref=e589]:
-                    - link "13 hours ago" [ref=e590] [cursor=pointer]:
-                      - /url: item?id=46499425
+            - row "445 points by HelloUsername 1 day ago | hide | 293 comments" [ref=e561]:
+              - cell [ref=e562]
+              - cell "445 points by HelloUsername 1 day ago | hide | 293 comments" [ref=e563]:
+                - generic [ref=e564]:
+                  - text: 445 points by
+                  - link "HelloUsername" [ref=e565] [cursor=pointer]:
+                    - /url: user?id=HelloUsername
+                  - generic "2026-01-09T12:54:48 1767963288" [ref=e566]:
+                    - link "1 day ago" [ref=e567] [cursor=pointer]:
+                      - /url: item?id=46553343
                   - text: "|"
-                  - link "hide" [ref=e591] [cursor=pointer]:
-                    - /url: hide?id=46499425&goto=news
+                  - link "hide" [ref=e568] [cursor=pointer]:
+                    - /url: hide?id=46553343&goto=news
                   - text: "|"
-                  - link "35 comments" [ref=e592] [cursor=pointer]:
-                    - /url: item?id=46499425
-            - row [ref=e593]
-            - 'row "28. upvote Show HN: DoNotNotify – Log and intelligently block notifications on Android (donotnotify.com)" [ref=e594]':
-              - cell "28." [ref=e595]
-              - cell "upvote" [ref=e596]:
-                - link "upvote" [ref=e598] [cursor=pointer]:
-                  - /url: vote?id=46499646&how=up&goto=news
-                  - generic "upvote" [ref=e599]
-              - 'cell "Show HN: DoNotNotify – Log and intelligently block notifications on Android (donotnotify.com)" [ref=e600]':
-                - generic [ref=e601]:
-                  - 'link "Show HN: DoNotNotify – Log and intelligently block notifications on Android" [ref=e602] [cursor=pointer]':
-                    - /url: https://donotnotify.com/
-                  - generic [ref=e603]:
+                  - link "293 comments" [ref=e569] [cursor=pointer]:
+                    - /url: item?id=46553343
+            - row [ref=e570]
+            - row "27. upvote Oh My Zsh adds bloat (rushter.com)" [ref=e571]:
+              - cell "27." [ref=e572]
+              - cell "upvote" [ref=e573]:
+                - link "upvote" [ref=e575] [cursor=pointer]:
+                  - /url: vote?id=46562790&how=up&goto=news
+                  - generic "upvote" [ref=e576]
+              - cell "Oh My Zsh adds bloat (rushter.com)" [ref=e577]:
+                - generic [ref=e578]:
+                  - link "Oh My Zsh adds bloat" [ref=e579] [cursor=pointer]:
+                    - /url: https://rushter.com/blog/zsh-shell/
+                  - generic [ref=e580]:
                     - text: (
-                    - link "donotnotify.com" [ref=e604] [cursor=pointer]:
-                      - /url: from?site=donotnotify.com
+                    - link "rushter.com" [ref=e581] [cursor=pointer]:
+                      - /url: from?site=rushter.com
                     - text: )
-            - row "317 points by awaaz 20 hours ago | hide | 146 comments" [ref=e605]:
-              - cell [ref=e606]
-              - cell "317 points by awaaz 20 hours ago | hide | 146 comments" [ref=e607]:
-                - generic [ref=e608]:
-                  - text: 317 points by
-                  - link "awaaz" [ref=e609] [cursor=pointer]:
-                    - /url: user?id=awaaz
-                  - generic "2026-01-05T15:10:47 1767625847" [ref=e610]:
-                    - link "20 hours ago" [ref=e611] [cursor=pointer]:
-                      - /url: item?id=46499646
+            - row "281 points by fla 14 hours ago | hide | 253 comments" [ref=e582]:
+              - cell [ref=e583]
+              - cell "281 points by fla 14 hours ago | hide | 253 comments" [ref=e584]:
+                - generic [ref=e585]:
+                  - text: 281 points by
+                  - link "fla" [ref=e586] [cursor=pointer]:
+                    - /url: user?id=fla
+                  - generic "2026-01-10T04:35:32 1768019732" [ref=e587]:
+                    - link "14 hours ago" [ref=e588] [cursor=pointer]:
+                      - /url: item?id=46562790
                   - text: "|"
-                  - link "hide" [ref=e612] [cursor=pointer]:
-                    - /url: hide?id=46499646&goto=news
+                  - link "hide" [ref=e589] [cursor=pointer]:
+                    - /url: hide?id=46562790&goto=news
                   - text: "|"
-                  - link "146 comments" [ref=e613] [cursor=pointer]:
-                    - /url: item?id=46499646
-            - row [ref=e614]
-            - row "29. upvote Adding insular script like it's 1626 (djmurphy.net)" [ref=e615]:
-              - cell "29." [ref=e616]
-              - cell "upvote" [ref=e617]:
-                - link "upvote" [ref=e619] [cursor=pointer]:
-                  - /url: vote?id=46488883&how=up&goto=news
-                  - generic "upvote" [ref=e620]
-              - cell "Adding insular script like it's 1626 (djmurphy.net)" [ref=e621]:
-                - generic [ref=e622]:
-                  - link "Adding insular script like it's 1626" [ref=e623] [cursor=pointer]:
-                    - /url: https://www.djmurphy.net/blog/clo-gaelach/
-                  - generic [ref=e624]:
+                  - link "253 comments" [ref=e590] [cursor=pointer]:
+                    - /url: item?id=46562790
+            - row [ref=e591]
+            - 'row "28. upvote Show HN: Rocket Launch and Orbit Simulator (donutthejedi.com)" [ref=e592]':
+              - cell "28." [ref=e593]
+              - cell "upvote" [ref=e594]:
+                - link "upvote" [ref=e596] [cursor=pointer]:
+                  - /url: vote?id=46557879&how=up&goto=news
+                  - generic "upvote" [ref=e597]
+              - 'cell "Show HN: Rocket Launch and Orbit Simulator (donutthejedi.com)" [ref=e598]':
+                - generic [ref=e599]:
+                  - 'link "Show HN: Rocket Launch and Orbit Simulator" [ref=e600] [cursor=pointer]':
+                    - /url: https://www.donutthejedi.com/
+                  - generic [ref=e601]:
                     - text: (
-                    - link "djmurphy.net" [ref=e625] [cursor=pointer]:
-                      - /url: from?site=djmurphy.net
+                    - link "donutthejedi.com" [ref=e602] [cursor=pointer]:
+                      - /url: from?site=donutthejedi.com
                     - text: )
-            - row "72 points by sollewitt 12 hours ago | hide | 4 comments" [ref=e626]:
-              - cell [ref=e627]
-              - cell "72 points by sollewitt 12 hours ago | hide | 4 comments" [ref=e628]:
-                - generic [ref=e629]:
-                  - text: 72 points by
-                  - link "sollewitt" [ref=e630] [cursor=pointer]:
-                    - /url: user?id=sollewitt
-                  - generic "2026-01-04T15:31:07 1767540667" [ref=e631]:
-                    - link "12 hours ago" [ref=e632] [cursor=pointer]:
-                      - /url: item?id=46488883
+            - row "155 points by donutthejedi 23 hours ago | hide | 36 comments" [ref=e603]:
+              - cell [ref=e604]
+              - cell "155 points by donutthejedi 23 hours ago | hide | 36 comments" [ref=e605]:
+                - generic [ref=e606]:
+                  - text: 155 points by
+                  - link "donutthejedi" [ref=e607] [cursor=pointer]:
+                    - /url: user?id=donutthejedi
+                  - generic "2026-01-09T19:15:21 1767986121" [ref=e608]:
+                    - link "23 hours ago" [ref=e609] [cursor=pointer]:
+                      - /url: item?id=46557879
                   - text: "|"
-                  - link "hide" [ref=e633] [cursor=pointer]:
-                    - /url: hide?id=46488883&goto=news
+                  - link "hide" [ref=e610] [cursor=pointer]:
+                    - /url: hide?id=46557879&goto=news
                   - text: "|"
-                  - link "4 comments" [ref=e634] [cursor=pointer]:
-                    - /url: item?id=46488883
-            - row [ref=e635]
-            - row "30. upvote Google broke my heart (perishablepress.com)" [ref=e636]:
-              - cell "30." [ref=e637]
-              - cell "upvote" [ref=e638]:
-                - link "upvote" [ref=e640] [cursor=pointer]:
-                  - /url: vote?id=46505518&how=up&goto=news
-                  - generic "upvote" [ref=e641]
-              - cell "Google broke my heart (perishablepress.com)" [ref=e642]:
-                - generic [ref=e643]:
-                  - link "Google broke my heart" [ref=e644] [cursor=pointer]:
-                    - /url: https://perishablepress.com/google-broke-my-heart/
-                  - generic [ref=e645]:
+                  - link "36 comments" [ref=e611] [cursor=pointer]:
+                    - /url: item?id=46557879
+            - row [ref=e612]
+            - row "29. upvote How to code Claude Code in 200 lines of code (mihaileric.com)" [ref=e613]:
+              - cell "29." [ref=e614]
+              - cell "upvote" [ref=e615]:
+                - link "upvote" [ref=e617] [cursor=pointer]:
+                  - /url: vote?id=46545620&how=up&goto=news
+                  - generic "upvote" [ref=e618]
+              - cell "How to code Claude Code in 200 lines of code (mihaileric.com)" [ref=e619]:
+                - generic [ref=e620]:
+                  - link "How to code Claude Code in 200 lines of code" [ref=e621] [cursor=pointer]:
+                    - /url: https://www.mihaileric.com/The-Emperor-Has-No-Clothes/
+                  - generic [ref=e622]:
                     - text: (
-                    - link "perishablepress.com" [ref=e646] [cursor=pointer]:
-                      - /url: from?site=perishablepress.com
+                    - link "mihaileric.com" [ref=e623] [cursor=pointer]:
+                      - /url: from?site=mihaileric.com
                     - text: )
-            - row "451 points by ingve 13 hours ago | hide | 212 comments" [ref=e647]:
-              - cell [ref=e648]
-              - cell "451 points by ingve 13 hours ago | hide | 212 comments" [ref=e649]:
-                - generic [ref=e650]:
-                  - text: 451 points by
-                  - link "ingve" [ref=e651] [cursor=pointer]:
-                    - /url: user?id=ingve
-                  - generic "2026-01-05T21:52:22 1767649942" [ref=e652]:
-                    - link "13 hours ago" [ref=e653] [cursor=pointer]:
-                      - /url: item?id=46505518
+            - row "780 points by nutellalover 1 day ago | hide | 235 comments" [ref=e624]:
+              - cell [ref=e625]
+              - cell "780 points by nutellalover 1 day ago | hide | 235 comments" [ref=e626]:
+                - generic [ref=e627]:
+                  - text: 780 points by
+                  - link "nutellalover" [ref=e628] [cursor=pointer]:
+                    - /url: user?id=nutellalover
+                  - generic "2026-01-08T19:54:26 1767902066" [ref=e629]:
+                    - link "1 day ago" [ref=e630] [cursor=pointer]:
+                      - /url: item?id=46545620
                   - text: "|"
-                  - link "hide" [ref=e654] [cursor=pointer]:
-                    - /url: hide?id=46505518&goto=news
+                  - link "hide" [ref=e631] [cursor=pointer]:
+                    - /url: hide?id=46545620&goto=news
                   - text: "|"
-                  - link "212 comments" [ref=e655] [cursor=pointer]:
-                    - /url: item?id=46505518
-            - row [ref=e656]
-            - row [ref=e657]
-            - row "More" [ref=e658]:
-              - cell [ref=e659]
-              - cell "More" [ref=e660]:
-                - link "More" [ref=e661] [cursor=pointer]:
+                  - link "235 comments" [ref=e632] [cursor=pointer]:
+                    - /url: item?id=46545620
+            - row [ref=e633]
+            - row "30. upvote ChatGPT Health is a marketplace, guess who is the product? (consciousdigital.org)" [ref=e634]:
+              - cell "30." [ref=e635]
+              - cell "upvote" [ref=e636]:
+                - link "upvote" [ref=e638] [cursor=pointer]:
+                  - /url: vote?id=46541533&how=up&goto=news
+                  - generic "upvote" [ref=e639]
+              - cell "ChatGPT Health is a marketplace, guess who is the product? (consciousdigital.org)" [ref=e640]:
+                - generic [ref=e641]:
+                  - link "ChatGPT Health is a marketplace, guess who is the product?" [ref=e642] [cursor=pointer]:
+                    - /url: https://consciousdigital.org/chatgpt-health-is-a-marketplace-guess-who-is-the-product/
+                  - generic [ref=e643]:
+                    - text: (
+                    - link "consciousdigital.org" [ref=e644] [cursor=pointer]:
+                      - /url: from?site=consciousdigital.org
+                    - text: )
+            - row "152 points by yoaviram 5 hours ago | hide | 170 comments" [ref=e645]:
+              - cell [ref=e646]
+              - cell "152 points by yoaviram 5 hours ago | hide | 170 comments" [ref=e647]:
+                - generic [ref=e648]:
+                  - text: 152 points by
+                  - link "yoaviram" [ref=e649] [cursor=pointer]:
+                    - /url: user?id=yoaviram
+                  - generic "2026-01-08T14:40:20 1767883220" [ref=e650]:
+                    - link "5 hours ago" [ref=e651] [cursor=pointer]:
+                      - /url: item?id=46541533
+                  - text: "|"
+                  - link "hide" [ref=e652] [cursor=pointer]:
+                    - /url: hide?id=46541533&goto=news
+                  - text: "|"
+                  - link "170 comments" [ref=e653] [cursor=pointer]:
+                    - /url: item?id=46541533
+            - row [ref=e654]
+            - row [ref=e655]
+            - row "More" [ref=e656]:
+              - cell [ref=e657]
+              - cell "More" [ref=e658]:
+                - link "More" [ref=e659] [cursor=pointer]:
                   - /url: "?p=2"
-    - row "Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact Search:" [ref=e662]:
-      - cell "Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact Search:" [ref=e663]:
+    - row "Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact Search:" [ref=e660]:
+      - cell "Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact Search:" [ref=e661]:
         - img
-        - table [ref=e664]:
-          - rowgroup [ref=e665]:
-            - row [ref=e666]:
-              - cell [ref=e667]
-        - generic [ref=e668]:
-          - generic [ref=e669]:
-            - link "Guidelines" [ref=e670] [cursor=pointer]:
+        - table [ref=e662]:
+          - rowgroup [ref=e663]:
+            - row [ref=e664]:
+              - cell [ref=e665]
+        - generic [ref=e666]:
+          - generic [ref=e667]:
+            - link "Guidelines" [ref=e668] [cursor=pointer]:
               - /url: newsguidelines.html
             - text: "|"
-            - link "FAQ" [ref=e671] [cursor=pointer]:
+            - link "FAQ" [ref=e669] [cursor=pointer]:
               - /url: newsfaq.html
             - text: "|"
-            - link "Lists" [ref=e672] [cursor=pointer]:
+            - link "Lists" [ref=e670] [cursor=pointer]:
               - /url: lists
             - text: "|"
-            - link "API" [ref=e673] [cursor=pointer]:
+            - link "API" [ref=e671] [cursor=pointer]:
               - /url: https://github.com/HackerNews/API
             - text: "|"
-            - link "Security" [ref=e674] [cursor=pointer]:
+            - link "Security" [ref=e672] [cursor=pointer]:
               - /url: security.html
             - text: "|"
-            - link "Legal" [ref=e675] [cursor=pointer]:
+            - link "Legal" [ref=e673] [cursor=pointer]:
               - /url: https://www.ycombinator.com/legal/
             - text: "|"
-            - link "Apply to YC" [ref=e676] [cursor=pointer]:
+            - link "Apply to YC" [ref=e674] [cursor=pointer]:
               - /url: https://www.ycombinator.com/apply/
             - text: "|"
-            - link "Contact" [ref=e677] [cursor=pointer]:
+            - link "Contact" [ref=e675] [cursor=pointer]:
               - /url: mailto:hn@ycombinator.com
-          - generic [ref=e678]:
+          - generic [ref=e676]:
             - text: "Search:"
-            - textbox [ref=e679]
\ No newline at end of file
+            - textbox [ref=e677]
\ No newline at end of file
diff --git a/playwriter/src/htmlrewrite.test.ts b/playwriter/src/htmlrewrite.test.ts
index 3120fbd..2add765 100644
--- a/playwriter/src/htmlrewrite.test.ts
+++ b/playwriter/src/htmlrewrite.test.ts
@@ -7,86 +7,1354 @@ test('formatHtmlForPrompt', async () => {
   const newHtml = await formatHtmlForPrompt(html)
   expect(newHtml).toMatchInlineSnapshot(
     `
-      "<!doctype html>
-      <html>
-       <body>
+    "<!doctype html>
+    <html>
+     <body>
+      <div>
+       <div>
         <div>
          <div>
-          <div>
-           <div>
-            <nav data-framer-name="Desktop Nav">
-             <div data-framer-name="Wrapper">
-              <div data-framer-name="Logo + CTA">
+          <nav data-framer-name="Desktop Nav">
+           <div data-framer-name="Wrapper">
+            <div data-framer-name="Logo + CTA">
+             <div>
+              <a data-framer-name="On" href="./">
+               <div data-framer-name="Logo" role="img" aria-label="Framer Logo"></div>
+              </a>
+             </div>
+             <div>
+              <div>
                <div>
-                <a data-framer-name="On" href="./">
-                 <div data-framer-name="Logo" role="img" aria-label="Framer Logo"></div>
-                 <div>
-                  <p>Framer</p>
-                 </div>
-                </a>
-               </div>
-               <div>
-                <div data-framer-name="Links: Brand Jorn">
-                 <div data-framer-name="Link: Copy" name="Link: Copy">
-                  <a name="Link: Copy" data-framer-name="Large">
-                   <div>
-                    <div></div>
-                   </div>
-                   <div data-framer-name="Topbar Links Text Jorn">
-                    <div>
-                     <div>
-                      <p>Copy</p>
+                <div data-framer-name="LoggedOut">
+                 <div data-framer-name="Log in" name="Log in">
+                  <div name="Log in" data-framer-name="Login">
+                   <div data-framer-name="Start for free" name="Start for free">
+                    <a name="Start for free" data-framer-name="Label" href="https://framer.com/r/login">
+                     <div data-framer-name="Item">
+                      <div>Log in</div>
                      </div>
-                    </div>
-                    <div>
-                     <p>Logo as SVG</p>
-                    </div>
+                    </a>
                    </div>
-                  </a>
+                  </div>
                  </div>
-                 <div data-framer-name="Link: Brand" name="Link: Brand">
-                  <a name="Link: Brand" data-framer-name="Large" href="./brand">
-                   <div>
-                    <div></div>
-                   </div>
-                   <div data-framer-name="Topbar Links Text Jorn">
-                    <div>
-                     <div>
-                      <p>Brand</p>
+                 <div data-framer-name="Sign up" name="Sign up">
+                  <div name="Sign up" data-framer-name="Signup">
+                   <div data-framer-name="Start for free" name="Start for free">
+                    <a name="Start for free" data-framer-name="Button" href="https://www.framer.com/r/signup/">
+                     <div data-framer-name="Item">
+                      <div>Sign up</div>
                      </div>
-                    </div>
-                    <div>
-                     <p>Guidelines</p>
-                    </div>
+                    </a>
                    </div>
-                  </a>
+                  </div>
                  </div>
                 </div>
                </div>
+              </div>
+             </div>
+             <div>
+              <div data-framer-name="Links: Brand Jorn">
+               <div data-framer-name="Link: Copy" name="Link: Copy">
+                <a name="Link: Copy" data-framer-name="Large">
+                 <div>
+                  <div></div>
+                 </div>
+                 <div data-framer-name="Topbar Links Text Jorn">
+                  <div>
+                   <div>
+                    <p>Copy</p>
+                   </div>
+                  </div>
+                  <div>
+                   <p>Logo as SVG</p>
+                  </div>
+                 </div>
+                </a>
+               </div>
+               <div data-framer-name="Link: Brand" name="Link: Brand">
+                <a name="Link: Brand" data-framer-name="Large" href="./brand">
+                 <div>
+                  <div></div>
+                 </div>
+                 <div data-framer-name="Topbar Links Text Jorn">
+                  <div>
+                   <div>
+                    <p>Brand</p>
+                   </div>
+                  </div>
+                  <div>
+                   <p>Guidelines</p>
+                  </div>
+                 </div>
+                </a>
+               </div>
+              </div>
+             </div>
+            </div>
+            <div data-framer-name="Links">
+             <div data-framer-name="Features" name="Features">
+              <a name="Features" data-framer-name="Label">
+               <div data-framer-name="Item">
+                <div>Product</div>
+               </div>
+              </a>
+             </div>
+             <div data-framer-name="Teams" name="Teams">
+              <a name="Teams" data-framer-name="Label">
+               <div data-framer-name="Item">
+                <div>Teams</div>
+               </div>
+              </a>
+             </div>
+             <div data-framer-name="Resources" name="Resources">
+              <a name="Resources" data-framer-name="Label">
+               <div data-framer-name="Item">
+                <div>Resources</div>
+               </div>
+              </a>
+             </div>
+             <div data-framer-name="Community" name="Community">
+              <a name="Community" data-framer-name="Label">
+               <div data-framer-name="Item">
+                <div>Community</div>
+               </div>
+              </a>
+             </div>
+             <div data-framer-name="Help" name="Help">
+              <a name="Help" data-framer-name="Label">
+               <div data-framer-name="Item">
+                <div>Support</div>
+               </div>
+              </a>
+             </div>
+             <div data-framer-name="Enterprise" name="Enterprise">
+              <a name="Enterprise" data-framer-name="Label" href="./enterprise/">
+               <div data-framer-name="Item">
+                <div>Enterprise</div>
+               </div>
+              </a>
+             </div>
+             <div data-framer-name="Pricing" name="Pricing">
+              <a name="Pricing" data-framer-name="Label" href="./pricing">
+               <div data-framer-name="Item">
+                <div>Pricing</div>
+               </div>
+              </a>
+             </div>
+            </div>
+           </div>
+          </nav>
+         </div>
+         <div>
+          <nav data-framer-name="Mobile Nav">
+           <div data-framer-name="Wrapper">
+            <div data-framer-name="Logo + CTA">
+             <div>
+              <a data-framer-name="On" href="./">
+               <div data-framer-name="Logo" role="img" aria-label="Framer Logo"></div>
+              </a>
+             </div>
+             <div data-framer-name="Mobile Menu" name="Mobile Menu">
+              <div name="Mobile Menu" data-framer-name="Menu">
+               <div data-framer-name="Bottom"></div>
+               <div data-framer-name="Top"></div>
+              </div>
+             </div>
+            </div>
+           </div>
+          </nav>
+         </div>
+         <div>
+          <nav data-framer-name="Mobile Nav">
+           <div data-framer-name="Wrapper">
+            <div data-framer-name="Logo + CTA">
+             <div>
+              <a data-framer-name="On" href="./">
+               <div data-framer-name="Logo" role="img" aria-label="Framer Logo"></div>
+              </a>
+             </div>
+             <div data-framer-name="Mobile Menu" name="Mobile Menu">
+              <div name="Mobile Menu" data-framer-name="Menu">
+               <div data-framer-name="Bottom"></div>
+               <div data-framer-name="Top"></div>
+              </div>
+             </div>
+            </div>
+           </div>
+          </nav>
+         </div>
+        </div>
+        <div data-framer-name="Developers Sidebar" name="Developers Sidebar">
+         <nav name="Developers Sidebar" data-framer-name="Sidebar">
+          <div>
+           <div>
+            <div data-framer-name="Developers">
+             <div>
+              <div>
+               <button aria-label="Search Icon"></button>
+              </div>
+             </div>
+             <div></div>
+             <div>
+              <p>Search...</p>
+             </div>
+            </div>
+           </div>
+           <div>
+            <div data-framer-name="Fetch">
+             <div>
+              <p>Get Started</p>
+             </div>
+             <div>
+              <div data-framer-name="Title">
+               <p>
+                <a href="./developers/">Overview</a>
+               </p>
+              </div>
+              <div data-framer-name="Title">
+               <p>
+                <a href="./developers/comparison">Compare</a>
+               </p>
+              </div>
+              <div data-framer-name="Title">
+               <p>
+                <a href="./developers/faq">FAQ</a>
+               </p>
+              </div>
+             </div>
+            </div>
+            <div>
+             <div data-framer-name="Closed">
+              <div>
+               <div>
+                <p>
+                 <a href="./">Plugins</a>
+                </p>
+               </div>
+              </div>
+              <div>
                <div>
+                <div>
+                 <div data-framer-name="Nav Item">
+                  <div data-framer-name="Title">
+                   <p>
+                    <a href="./developers/plugins-introduction">Introduction</a>
+                   </p>
+                  </div>
+                 </div>
+                 <div data-framer-name="Nav Item">
+                  <div data-framer-name="Title">
+                   <p>
+                    <a href="./developers/plugins-quick-start">Quick Start</a>
+                   </p>
+                  </div>
+                 </div>
+                 <div data-framer-name="Nav Item">
+                  <div data-framer-name="Title">
+                   <p>
+                    <a href="./developers/publishing">Publishing</a>
+                   </p>
+                  </div>
+                 </div>
+                 <div data-framer-name="Nav Item">
+                  <div data-framer-name="Title">
+                   <p>
+                    <a href="./developers/changelog">Changelog</a>
+                   </p>
+                  </div>
+                 </div>
+                 <div data-framer-name="Nav Item">
+                  <div data-framer-name="Title">
+                   <p>
+                    <a href="./developers/reference">Reference</a>
+                   </p>
+                  </div>
+                 </div>
+                </div>
                 <div>
                  <div>
-                  <div data-framer-name="LoggedOut">
+                  <div>
+                   <div>
+                    <p>Guides</p>
+                   </div>
+                   <div>
+                    <div data-framer-name="Closed">
+                     <div>
+                      <div aria-hidden="true"></div>
+                     </div>
+                    </div>
+                   </div>
+                  </div>
+                 </div>
+                </div>
+               </div>
+              </div>
+             </div>
+            </div>
+            <div data-framer-name="Fetch">
+             <div>
+              <p>Fetch</p>
+             </div>
+             <div>
+              <div>
+               <div data-framer-name="Title">
+                <p>
+                 <a href="./developers/fetch-introduction">Introduction</a>
+                </p>
+               </div>
+              </div>
+              <div>
+               <div data-framer-name="Title">
+                <p>
+                 <a href="./developers/fetch-examples">Examples</a>
+                </p>
+               </div>
+              </div>
+             </div>
+            </div>
+            <div data-framer-name="Components">
+             <div>
+              <p>Components</p>
+             </div>
+             <div>
+              <div>
+               <div data-framer-name="Title">
+                <p>
+                 <a href="./developers/components-introduction">Introduction</a>
+                </p>
+               </div>
+              </div>
+              <div>
+               <div data-framer-name="Title">
+                <p>
+                 <a href="./developers/component-examples">Examples</a>
+                </p>
+               </div>
+              </div>
+              <div>
+               <div data-framer-name="Title">
+                <p>
+                 <a href="./developers/component-sharing">Asset Sharing</a>
+                </p>
+               </div>
+              </div>
+              <div>
+               <div data-framer-name="Title">
+                <p>
+                 <a href="./developers/auto-sizing">Auto-Sizing</a>
+                </p>
+               </div>
+              </div>
+              <div>
+               <div data-framer-name="Title">
+                <p>
+                 <a href="./developers/property-controls">Property Controls</a>
+                </p>
+               </div>
+              </div>
+              <div>
+               <div data-framer-name="Title">
+                <p>
+                 <a href="./developers/components-reference">Reference</a>
+                </p>
+               </div>
+              </div>
+             </div>
+            </div>
+            <div data-framer-name="Overrides">
+             <div>
+              <p>Overrides</p>
+             </div>
+             <div>
+              <div>
+               <div data-framer-name="Title">
+                <p>
+                 <a href="./developers/overrides-introduction">Introduction</a>
+                </p>
+               </div>
+              </div>
+              <div>
+               <div data-framer-name="Title">
+                <p>
+                 <a href="./developers/overrides-examples">Examples</a>
+                </p>
+               </div>
+              </div>
+             </div>
+            </div>
+           </div>
+          </div>
+         </nav>
+        </div>
+        <div>
+         <div data-framer-name="Developers Mobile Nav" name="Developers Mobile Nav">
+          <div name="Developers Mobile Nav" data-framer-name="Phone">
+           <div data-framer-name="Parent">
+            <div data-framer-name="Backdrop"></div>
+            <div data-framer-name="Inner">
+             <div>
+              <div data-framer-name="On">
+               <div>
+                <div>
+                 <p>
+                  <a href="./developers/">Developers</a>
+                 </p>
+                </div>
+               </div>
+              </div>
+             </div>
+             <div>
+              <div data-framer-name="Dropdown">
+               <div></div>
+               <div>
+                <div data-framer-name="Variant 1">
+                 <div>
+                  <div>
+                   <button aria-label="Search Icon">
+                    <img alt="icon entry point for Site Search">
+                   </button>
+                  </div>
+                 </div>
+                 <div data-framer-name="Search Input">
+                  <div data-framer-name="Mag Glass" aria-hidden="true">
+                   <div></div>
+                  </div>
+                  <div>
+                   <h6>Search</h6>
+                  </div>
+                 </div>
+                </div>
+               </div>
+              </div>
+              <div data-framer-name="Dropdown">
+               <div></div>
+              </div>
+             </div>
+            </div>
+            <div data-framer-name="Sidebar Parent">
+             <div>
+              <nav data-framer-name="Mobile">
+               <div>
+                <div>
+                 <div data-framer-name="Developers">
+                  <div>
+                   <div>
+                    <button aria-label="Search Icon"></button>
+                   </div>
+                  </div>
+                  <div></div>
+                  <div>
+                   <p>Search...</p>
+                  </div>
+                 </div>
+                </div>
+                <div>
+                 <div data-framer-name="Fetch">
+                  <div>
+                   <p>Get Started</p>
+                  </div>
+                  <div>
+                   <div data-framer-name="Title">
+                    <p>
+                     <a href="./developers/">Overview</a>
+                    </p>
+                   </div>
+                   <div data-framer-name="Title">
+                    <p>
+                     <a href="./developers/comparison">Compare</a>
+                    </p>
+                   </div>
+                   <div data-framer-name="Title">
+                    <p>
+                     <a href="./developers/faq">FAQ</a>
+                    </p>
+                   </div>
+                  </div>
+                 </div>
+                 <div>
+                  <div data-framer-name="Closed">
                    <div>
                     <div>
-                     <div data-framer-name="Login">
-                      <div data-framer-name="Start for free" name="Start for free">
-                       <a name="Start for free" data-framer-name="Label" href="https://framer.com/r/login">
-                        <div data-framer-name="Item">
-                         <div>Login</div>
+                     <p>
+                      <a href="./">Plugins</a>
+                     </p>
+                    </div>
+                   </div>
+                   <div>
+                    <div>
+                     <div>
+                      <div data-framer-name="Nav Item">
+                       <div data-framer-name="Title">
+                        <p>
+                         <a href="./developers/plugins-introduction">Introduction</a>
+                        </p>
+                       </div>
+                      </div>
+                      <div data-framer-name="Nav Item">
+                       <div data-framer-name="Title">
+                        <p>
+                         <a href="./developers/plugins-quick-start">Quick Start</a>
+                        </p>
+                       </div>
+                      </div>
+                      <div data-framer-name="Nav Item">
+                       <div data-framer-name="Title">
+                        <p>
+                         <a href="./developers/publishing">Publishing</a>
+                        </p>
+                       </div>
+                      </div>
+                      <div data-framer-name="Nav Item">
+                       <div data-framer-name="Title">
+                        <p>
+                         <a href="./developers/changelog">Changelog</a>
+                        </p>
+                       </div>
+                      </div>
+                      <div data-framer-name="Nav Item">
+                       <div data-framer-name="Title">
+                        <p>
+                         <a href="./developers/reference">Reference</a>
+                        </p>
+                       </div>
+                      </div>
+                     </div>
+                     <div>
+                      <div>
+                       <div>
+                        <div>
+                         <p>Guides</p>
                         </div>
-                       </a>
+                        <div>
+                         <div data-framer-name="Closed">
+                          <div>
+                           <div aria-hidden="true"></div>
+                          </div>
+                         </div>
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                  </div>
+                 </div>
+                 <div data-framer-name="Fetch">
+                  <div>
+                   <p>Fetch</p>
+                  </div>
+                  <div>
+                   <div>
+                    <div data-framer-name="Title">
+                     <p>
+                      <a href="./developers/fetch-introduction">Introduction</a>
+                     </p>
+                    </div>
+                   </div>
+                   <div>
+                    <div data-framer-name="Title">
+                     <p>
+                      <a href="./developers/fetch-examples">Examples</a>
+                     </p>
+                    </div>
+                   </div>
+                  </div>
+                 </div>
+                 <div data-framer-name="Components">
+                  <div>
+                   <p>Components</p>
+                  </div>
+                  <div>
+                   <div>
+                    <div data-framer-name="Title">
+                     <p>
+                      <a href="./developers/components-introduction">Introduction</a>
+                     </p>
+                    </div>
+                   </div>
+                   <div>
+                    <div data-framer-name="Title">
+                     <p>
+                      <a href="./developers/component-examples">Examples</a>
+                     </p>
+                    </div>
+                   </div>
+                   <div>
+                    <div data-framer-name="Title">
+                     <p>
+                      <a href="./developers/component-sharing">Asset Sharing</a>
+                     </p>
+                    </div>
+                   </div>
+                   <div>
+                    <div data-framer-name="Title">
+                     <p>
+                      <a href="./developers/auto-sizing">Auto-Sizing</a>
+                     </p>
+                    </div>
+                   </div>
+                   <div>
+                    <div data-framer-name="Title">
+                     <p>
+                      <a href="./developers/property-controls">Property Controls</a>
+                     </p>
+                    </div>
+                   </div>
+                   <div>
+                    <div data-framer-name="Title">
+                     <p>
+                      <a href="./developers/components-reference">Reference</a>
+                     </p>
+                    </div>
+                   </div>
+                  </div>
+                 </div>
+                 <div data-framer-name="Overrides">
+                  <div>
+                   <p>Overrides</p>
+                  </div>
+                  <div>
+                   <div>
+                    <div data-framer-name="Title">
+                     <p>
+                      <a href="./developers/overrides-introduction">Introduction</a>
+                     </p>
+                    </div>
+                   </div>
+                   <div>
+                    <div data-framer-name="Title">
+                     <p>
+                      <a href="./developers/overrides-examples">Examples</a>
+                     </p>
+                    </div>
+                   </div>
+                  </div>
+                 </div>
+                </div>
+               </div>
+              </nav>
+             </div>
+            </div>
+           </div>
+          </div>
+         </div>
+        </div>
+        <div>
+         <div data-framer-name="Developers Mobile Nav" name="Developers Mobile Nav">
+          <div name="Developers Mobile Nav" data-framer-name="Phone">
+           <div data-framer-name="Parent">
+            <div data-framer-name="Backdrop"></div>
+            <div data-framer-name="Inner">
+             <div>
+              <div data-framer-name="On">
+               <div>
+                <div>
+                 <p>
+                  <a href="./developers/">Developers</a>
+                 </p>
+                </div>
+               </div>
+              </div>
+             </div>
+             <div>
+              <div data-framer-name="Dropdown">
+               <div></div>
+               <div>
+                <div data-framer-name="Variant 1">
+                 <div>
+                  <div>
+                   <button aria-label="Search Icon">
+                    <img alt="icon entry point for Site Search">
+                   </button>
+                  </div>
+                 </div>
+                 <div data-framer-name="Search Input">
+                  <div data-framer-name="Mag Glass" aria-hidden="true">
+                   <div></div>
+                  </div>
+                  <div>
+                   <h6>Search</h6>
+                  </div>
+                 </div>
+                </div>
+               </div>
+              </div>
+              <div data-framer-name="Dropdown">
+               <div></div>
+              </div>
+             </div>
+            </div>
+            <div data-framer-name="Sidebar Parent">
+             <div>
+              <nav data-framer-name="Mobile">
+               <div>
+                <div>
+                 <div data-framer-name="Developers">
+                  <div>
+                   <div>
+                    <button aria-label="Search Icon"></button>
+                   </div>
+                  </div>
+                  <div></div>
+                  <div>
+                   <p>Search...</p>
+                  </div>
+                 </div>
+                </div>
+                <div>
+                 <div data-framer-name="Fetch">
+                  <div>
+                   <p>Get Started</p>
+                  </div>
+                  <div>
+                   <div data-framer-name="Title">
+                    <p>
+                     <a href="./developers/">Overview</a>
+                    </p>
+                   </div>
+                   <div data-framer-name="Title">
+                    <p>
+                     <a href="./developers/comparison">Compare</a>
+                    </p>
+                   </div>
+                   <div data-framer-name="Title">
+                    <p>
+                     <a href="./developers/faq">FAQ</a>
+                    </p>
+                   </div>
+                  </div>
+                 </div>
+                 <div>
+                  <div data-framer-name="Closed">
+                   <div>
+                    <div>
+                     <p>
+                      <a href="./">Plugins</a>
+                     </p>
+                    </div>
+                   </div>
+                   <div>
+                    <div>
+                     <div>
+                      <div data-framer-name="Nav Item">
+                       <div data-framer-name="Title">
+                        <p>
+                         <a href="./developers/plugins-introduction">Introduction</a>
+                        </p>
+                       </div>
+                      </div>
+                      <div data-framer-name="Nav Item">
+                       <div data-framer-name="Title">
+                        <p>
+                         <a href="./developers/plugins-quick-start">Quick Start</a>
+                        </p>
+                       </div>
+                      </div>
+                      <div data-framer-name="Nav Item">
+                       <div data-framer-name="Title">
+                        <p>
+                         <a href="./developers/publishing">Publishing</a>
+                        </p>
+                       </div>
+                      </div>
+                      <div data-framer-name="Nav Item">
+                       <div data-framer-name="Title">
+                        <p>
+                         <a href="./developers/changelog">Changelog</a>
+                        </p>
+                       </div>
+                      </div>
+                      <div data-framer-name="Nav Item">
+                       <div data-framer-name="Title">
+                        <p>
+                         <a href="./developers/reference">Reference</a>
+                        </p>
+                       </div>
+                      </div>
+                     </div>
+                     <div>
+                      <div>
+                       <div>
+                        <div>
+                         <p>Guides</p>
+                        </div>
+                        <div>
+                         <div data-framer-name="Closed">
+                          <div>
+                           <div aria-hidden="true"></div>
+                          </div>
+                         </div>
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                  </div>
+                 </div>
+                 <div data-framer-name="Fetch">
+                  <div>
+                   <p>Fetch</p>
+                  </div>
+                  <div>
+                   <div>
+                    <div data-framer-name="Title">
+                     <p>
+                      <a href="./developers/fetch-introduction">Introduction</a>
+                     </p>
+                    </div>
+                   </div>
+                   <div>
+                    <div data-framer-name="Title">
+                     <p>
+                      <a href="./developers/fetch-examples">Examples</a>
+                     </p>
+                    </div>
+                   </div>
+                  </div>
+                 </div>
+                 <div data-framer-name="Components">
+                  <div>
+                   <p>Components</p>
+                  </div>
+                  <div>
+                   <div>
+                    <div data-framer-name="Title">
+                     <p>
+                      <a href="./developers/components-introduction">Introduction</a>
+                     </p>
+                    </div>
+                   </div>
+                   <div>
+                    <div data-framer-name="Title">
+                     <p>
+                      <a href="./developers/component-examples">Examples</a>
+                     </p>
+                    </div>
+                   </div>
+                   <div>
+                    <div data-framer-name="Title">
+                     <p>
+                      <a href="./developers/component-sharing">Asset Sharing</a>
+                     </p>
+                    </div>
+                   </div>
+                   <div>
+                    <div data-framer-name="Title">
+                     <p>
+                      <a href="./developers/auto-sizing">Auto-Sizing</a>
+                     </p>
+                    </div>
+                   </div>
+                   <div>
+                    <div data-framer-name="Title">
+                     <p>
+                      <a href="./developers/property-controls">Property Controls</a>
+                     </p>
+                    </div>
+                   </div>
+                   <div>
+                    <div data-framer-name="Title">
+                     <p>
+                      <a href="./developers/components-reference">Reference</a>
+                     </p>
+                    </div>
+                   </div>
+                  </div>
+                 </div>
+                 <div data-framer-name="Overrides">
+                  <div>
+                   <p>Overrides</p>
+                  </div>
+                  <div>
+                   <div>
+                    <div data-framer-name="Title">
+                     <p>
+                      <a href="./developers/overrides-introduction">Introduction</a>
+                     </p>
+                    </div>
+                   </div>
+                   <div>
+                    <div data-framer-name="Title">
+                     <p>
+                      <a href="./developers/overrides-examples">Examples</a>
+                     </p>
+                    </div>
+                   </div>
+                  </div>
+                 </div>
+                </div>
+               </div>
+              </nav>
+             </div>
+            </div>
+           </div>
+          </div>
+         </div>
+        </div>
+        <div>
+         <main data-framer-name="Main">
+          <section data-framer-name="Hero">
+           <header data-framer-name="Header">
+            <div></div>
+            <div>
+             <div>
+              <a data-framer-name="Banner" href="./awards/">
+               <div data-framer-name="Cube">
+                <div>
+                 <video></video>
+                </div>
+               </div>
+               <div data-framer-name="Text">
+                <div>
+                 <p>2025 Framer Awards</p>
+                </div>
+                <div data-framer-name="CTA">
+                 <div>
+                  <p>Submissions now open</p>
+                 </div>
+                </div>
+               </div>
+              </a>
+             </div>
+            </div>
+            <div>
+             <div>
+              <a data-framer-name="Banner" href="./awards/">
+               <div data-framer-name="Cube">
+                <div>
+                 <video></video>
+                </div>
+               </div>
+               <div data-framer-name="Text">
+                <div>
+                 <p>2025 Framer Awards</p>
+                </div>
+                <div data-framer-name="CTA">
+                 <div>
+                  <p>Submissions now open</p>
+                 </div>
+                </div>
+               </div>
+              </a>
+             </div>
+            </div>
+            <div data-framer-name="Text">
+             <div>
+              <h1>Build better sites, faster</h1>
+             </div>
+             <div>
+              <div>
+               <p>
+                Framer is the site builder trusted by startups
+                <br>
+                to Fortune 500. Build fast and scale with an integrated CMS, SEO, Analytics, and more.
+               </p>
+              </div>
+             </div>
+             <div>
+              <div>
+               <p>Framer is the site builder trusted by startups to Fortune 500. Build fast and scale with an integrated CMS, SEO, Analytics, and more.</p>
+              </div>
+             </div>
+            </div>
+            <div data-framer-name="Buttons">
+             <div>
+              <div>
+               <a data-framer-name="Regular" href="https://framer.com/r/signup">
+                <div data-framer-name="Default">
+                 <p>Start for free</p>
+                </div>
+               </a>
+              </div>
+             </div>
+             <div>
+              <div>
+               <a data-framer-name="Phone" href="https://framer.com/r/signup">
+                <div data-framer-name="Default">
+                 <p>Start for free</p>
+                </div>
+               </a>
+              </div>
+             </div>
+             <div>
+              <div>
+               <a data-framer-name="Regular" href="./ai/">
+                <div data-framer-name="Default">
+                 <p>Start with AI</p>
+                </div>
+               </a>
+              </div>
+             </div>
+             <div>
+              <div>
+               <a data-framer-name="Phone" href="./ai/">
+                <div data-framer-name="Default">
+                 <p>Start with AI</p>
+                </div>
+               </a>
+              </div>
+             </div>
+            </div>
+           </header>
+           <div data-framer-name="Sites">
+            <div>
+             <div>
+              <div>
+               <div data-framer-name="Desktop">
+                <div data-framer-name="Parallax">
+                 <div data-framer-name="Scroll">
+                  <div data-framer-name="Column">
+                   <div>
+                    <div data-framer-name="Card">
+                     <div data-framer-name="Visual">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Website made in Framer">
+                       </div>
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                   <div>
+                    <div data-framer-name="Card">
+                     <div data-framer-name="Visual">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Website made in Framer">
+                       </div>
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                   <div>
+                    <div data-framer-name="Card">
+                     <div data-framer-name="Visual">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Website made in Framer">
+                       </div>
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                  </div>
+                 </div>
+                 <div data-framer-name="Column">
+                  <div>
+                   <div data-framer-name="Card">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Image">
+                      <div>
+                       <img alt="Website made in Framer">
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                  </div>
+                  <div>
+                   <div data-framer-name="Card">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Image">
+                      <div>
+                       <img alt="Website made in Framer">
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                  </div>
+                  <div>
+                   <div data-framer-name="Card">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Image">
+                      <div>
+                       <img alt="Website made in Framer">
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                  </div>
+                 </div>
+                 <div data-framer-name="Scroll">
+                  <div data-framer-name="Phone">
+                   <div>
+                    <div data-framer-name="Phone Card">
+                     <div data-framer-name="Visual">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Website made in Framer">
+                       </div>
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                   <div>
+                    <div data-framer-name="Phone Card">
+                     <div data-framer-name="Visual">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Website made in Framer">
+                       </div>
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                   <div>
+                    <div data-framer-name="Phone Card">
+                     <div data-framer-name="Visual">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Website made in Framer">
+                       </div>
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                  </div>
+                 </div>
+                 <div data-framer-name="Column">
+                  <div>
+                   <div data-framer-name="Card">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Image">
+                      <div>
+                       <img alt="Website made in Framer">
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                  </div>
+                  <div>
+                   <div data-framer-name="Card">
+                    <div data-framer-name="Visual">
+                     <div>
+                      <div data-framer-name="Pause">
+                       <div>
+                        <img alt="Website made in Framer">
+                       </div>
+                       <div>
+                        <video></video>
+                       </div>
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                  </div>
+                  <div>
+                   <div data-framer-name="Card">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Image">
+                      <div>
+                       <img alt="Website made in Framer">
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                  </div>
+                 </div>
+                 <div data-framer-name="Scroll">
+                  <div data-framer-name="Border">
+                   <div data-framer-name="Column">
+                    <div>
+                     <div data-framer-name="Card">
+                      <div data-framer-name="Visual">
+                       <div>
+                        <div data-framer-name="Pause">
+                         <div>
+                          <img alt="Website made in Framer">
+                         </div>
+                         <div>
+                          <video></video>
+                         </div>
+                        </div>
+                       </div>
                       </div>
                      </div>
                     </div>
                     <div>
-                     <div data-framer-name="Signup">
-                      <div data-framer-name="Start for free" name="Start for free">
-                       <a name="Start for free" data-framer-name="Button" href="https://www.framer.com/r/signup/">
-                        <div data-framer-name="Item">
-                         <div>Sign up</div>
+                     <div data-framer-name="Card">
+                      <div data-framer-name="Visual">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Website made in Framer">
                         </div>
-                       </a>
+                       </div>
+                      </div>
+                     </div>
+                    </div>
+                    <div>
+                     <div data-framer-name="Card">
+                      <div data-framer-name="Visual">
+                       <div>
+                        <div data-framer-name="Pause">
+                         <div>
+                          <img alt="Website made in Framer">
+                         </div>
+                         <div>
+                          <video></video>
+                         </div>
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                  </div>
+                 </div>
+                 <div data-framer-name="Phone">
+                  <div>
+                   <div data-framer-name="Phone Card">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Image">
+                      <div>
+                       <img alt="Website made in Framer">
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                  </div>
+                  <div>
+                   <div data-framer-name="Phone Card">
+                    <div data-framer-name="Visual">
+                     <div>
+                      <div data-framer-name="Pause">
+                       <div>
+                        <img alt="Website made in Framer">
+                       </div>
+                       <div>
+                        <video></video>
+                       </div>
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                  </div>
+                  <div>
+                   <div data-framer-name="Phone Card">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Image">
+                      <div>
+                       <img alt="Website made in Framer">
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                  </div>
+                  <div>
+                   <div data-framer-name="Phone Card">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Image">
+                      <div>
+                       <img alt="Website made in Framer">
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                  </div>
+                 </div>
+                 <div data-framer-name="Scroll">
+                  <div data-framer-name="Column">
+                   <div>
+                    <div data-framer-name="Card">
+                     <div data-framer-name="Visual">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Website made in Framer">
+                       </div>
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                   <div>
+                    <div data-framer-name="Card">
+                     <div data-framer-name="Visual">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Website made in Framer">
+                       </div>
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                   <div>
+                    <div data-framer-name="Card">
+                     <div data-framer-name="Visual">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Website made in Framer">
+                       </div>
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                  </div>
+                 </div>
+                 <div data-framer-name="Column">
+                  <div>
+                   <div data-framer-name="Card">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Image">
+                      <div>
+                       <img alt="Website made in Framer">
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                  </div>
+                  <div>
+                   <div data-framer-name="Card">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Image">
+                      <div>
+                       <img alt="Website made in Framer">
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                  </div>
+                  <div>
+                   <div data-framer-name="Card">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Image">
+                      <div>
+                       <img alt="Website made in Framer">
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                  </div>
+                 </div>
+                 <div data-framer-name="Scroll">
+                  <div data-framer-name="Column">
+                   <div>
+                    <div data-framer-name="Card">
+                     <div data-framer-name="Visual">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Website made in Framer">
+                       </div>
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                   <div>
+                    <div data-framer-name="Card">
+                     <div data-framer-name="Visual">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Website made in Framer">
+                       </div>
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                   <div>
+                    <div data-framer-name="Card">
+                     <div data-framer-name="Visual">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Website made in Framer">
+                       </div>
                       </div>
                      </div>
                     </div>
@@ -96,1967 +1364,793 @@ test('formatHtmlForPrompt', async () => {
                 </div>
                </div>
               </div>
-              <div data-framer-name="Links">
-               <div data-framer-name="Features" name="Features">
-                <a name="Features" data-framer-name="Label">
-                 <div data-framer-name="Item">
-                  <div>Product</div>
+              <div>
+               <div data-framer-name="Tablet">
+                <div data-framer-name="Parallax">
+                 <div data-framer-name="Scroll">
+                  <div data-framer-name="Phone">
+                   <div>
+                    <div data-framer-name="Phone Card">
+                     <div data-framer-name="Visual">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Website made in Framer">
+                       </div>
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                   <div>
+                    <div data-framer-name="Phone Card">
+                     <div data-framer-name="Visual">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Website made in Framer">
+                       </div>
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                   <div>
+                    <div data-framer-name="Phone Card">
+                     <div data-framer-name="Visual">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Website made in Framer">
+                       </div>
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                  </div>
                  </div>
-                </a>
-               </div>
-               <div data-framer-name="Teams" name="Teams">
-                <a name="Teams" data-framer-name="Label">
-                 <div data-framer-name="Item">
-                  <div>Teams</div>
+                 <div data-framer-name="Column">
+                  <div>
+                   <div data-framer-name="Card">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Image">
+                      <div>
+                       <img alt="Website made in Framer">
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                  </div>
+                  <div>
+                   <div data-framer-name="Card">
+                    <div data-framer-name="Visual">
+                     <div>
+                      <div data-framer-name="Pause">
+                       <div>
+                        <img alt="Website made in Framer">
+                       </div>
+                       <div>
+                        <video></video>
+                       </div>
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                  </div>
+                  <div>
+                   <div data-framer-name="Card">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Image">
+                      <div>
+                       <img alt="Website made in Framer">
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                  </div>
                  </div>
-                </a>
-               </div>
-               <div data-framer-name="Resources" name="Resources">
-                <a name="Resources" data-framer-name="Label">
-                 <div data-framer-name="Item">
-                  <div>Resources</div>
+                 <div data-framer-name="Scroll">
+                  <div data-framer-name="Border">
+                   <div data-framer-name="Column">
+                    <div>
+                     <div data-framer-name="Card">
+                      <div data-framer-name="Visual">
+                       <div>
+                        <div data-framer-name="Pause">
+                         <div>
+                          <img alt="Website made in Framer">
+                         </div>
+                         <div>
+                          <video></video>
+                         </div>
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                    </div>
+                    <div>
+                     <div data-framer-name="Card">
+                      <div data-framer-name="Visual">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Website made in Framer">
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                    </div>
+                    <div>
+                     <div data-framer-name="Card">
+                      <div data-framer-name="Visual">
+                       <div>
+                        <div data-framer-name="Pause">
+                         <div>
+                          <img alt="Website made in Framer">
+                         </div>
+                         <div>
+                          <video></video>
+                         </div>
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                  </div>
                  </div>
-                </a>
-               </div>
-               <div data-framer-name="Community" name="Community">
-                <a name="Community" data-framer-name="Label">
-                 <div data-framer-name="Item">
-                  <div>Community</div>
+                 <div data-framer-name="Phone">
+                  <div>
+                   <div data-framer-name="Phone Card">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Image">
+                      <div>
+                       <img alt="Website made in Framer">
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                  </div>
+                  <div>
+                   <div data-framer-name="Phone Card">
+                    <div data-framer-name="Visual">
+                     <div>
+                      <div data-framer-name="Pause">
+                       <div>
+                        <img alt="Website made in Framer">
+                       </div>
+                       <div>
+                        <video></video>
+                       </div>
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                  </div>
+                  <div>
+                   <div data-framer-name="Phone Card">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Image">
+                      <div>
+                       <img alt="Website made in Framer">
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                  </div>
+                  <div>
+                   <div data-framer-name="Phone Card">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Image">
+                      <div>
+                       <img alt="Website made in Framer">
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                  </div>
                  </div>
-                </a>
-               </div>
-               <div data-framer-name="Help" name="Help">
-                <a name="Help" data-framer-name="Label">
-                 <div data-framer-name="Item">
-                  <div>Help</div>
+                 <div data-framer-name="Scroll">
+                  <div data-framer-name="Column">
+                   <div>
+                    <div data-framer-name="Card">
+                     <div data-framer-name="Visual">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Website made in Framer">
+                       </div>
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                   <div>
+                    <div data-framer-name="Card">
+                     <div data-framer-name="Visual">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Website made in Framer">
+                       </div>
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                   <div>
+                    <div data-framer-name="Card">
+                     <div data-framer-name="Visual">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Website made in Framer">
+                       </div>
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                  </div>
                  </div>
-                </a>
-               </div>
-               <div data-framer-name="Enterprise" name="Enterprise">
-                <a name="Enterprise" data-framer-name="Label" href="./enterprise/">
-                 <div data-framer-name="Item">
-                  <div>Enterprise</div>
-                 </div>
-                </a>
-               </div>
-               <div data-framer-name="Pricing" name="Pricing">
-                <a name="Pricing" data-framer-name="Label" href="./pricing">
-                 <div data-framer-name="Item">
-                  <div>Pricing</div>
-                 </div>
-                </a>
-               </div>
-              </div>
-             </div>
-            </nav>
-           </div>
-           <div>
-            <nav data-framer-name="Mobile Nav">
-             <div data-framer-name="Wrapper">
-              <div data-framer-name="Logo + CTA">
-               <div>
-                <a data-framer-name="On" href="./">
-                 <div data-framer-name="Logo" role="img" aria-label="Framer Logo"></div>
-                 <div>
-                  <p>Framer</p>
-                 </div>
-                </a>
-               </div>
-               <div data-framer-name="Mobile Menu" name="Mobile Menu">
-                <div name="Mobile Menu" data-framer-name="Menu">
-                 <div data-framer-name="Bottom"></div>
-                 <div data-framer-name="Top"></div>
                 </div>
                </div>
               </div>
              </div>
-            </nav>
-           </div>
-           <div>
-            <nav data-framer-name="Mobile Nav">
-             <div data-framer-name="Wrapper">
-              <div data-framer-name="Logo + CTA">
-               <div>
-                <a data-framer-name="On" href="./">
-                 <div data-framer-name="Logo" role="img" aria-label="Framer Logo"></div>
-                 <div>
-                  <p>Framer</p>
-                 </div>
-                </a>
-               </div>
-               <div data-framer-name="Mobile Menu" name="Mobile Menu">
-                <div name="Mobile Menu" data-framer-name="Menu">
-                 <div data-framer-name="Bottom"></div>
-                 <div data-framer-name="Top"></div>
-                </div>
-               </div>
-              </div>
-             </div>
-            </nav>
-           </div>
-          </div>
-          <div data-framer-name="Developers Sidebar" name="Developers Sidebar">
-           <nav name="Developers Sidebar" data-framer-name="Sidebar">
+            </div>
             <div>
              <div>
-              <div data-framer-name="Variant 1">
-               <div>
-                <div>
-                 <button aria-label="Search Icon">
-                  <img alt="icon entry point for Site Search">
-                 </button>
+              <div data-framer-name="Phone">
+               <div data-framer-name="Parallax">
+                <div data-framer-name="Scroll">
+                 <div data-framer-name="Phone"></div>
+                </div>
+                <div data-framer-name="Column">
+                 <div>
+                  <div data-framer-name="Card">
+                   <div data-framer-name="Visual">
+                    <div data-framer-name="Image">
+                     <div>
+                      <img alt="Website made in Framer">
+                     </div>
+                    </div>
+                   </div>
+                  </div>
+                 </div>
+                 <div>
+                  <div data-framer-name="Card">
+                   <div data-framer-name="Visual">
+                    <div>
+                     <div data-framer-name="Pause">
+                      <div>
+                       <img alt="Website made in Framer">
+                      </div>
+                      <div>
+                       <video></video>
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                  </div>
+                 </div>
+                 <div>
+                  <div data-framer-name="Card">
+                   <div data-framer-name="Visual">
+                    <div data-framer-name="Image">
+                     <div>
+                      <img alt="Website made in Framer">
+                     </div>
+                    </div>
+                   </div>
+                  </div>
+                 </div>
+                </div>
+                <div data-framer-name="Scroll">
+                 <div data-framer-name="Border">
+                  <div data-framer-name="Column">
+                   <div>
+                    <div data-framer-name="Card">
+                     <div data-framer-name="Visual">
+                      <div>
+                       <div data-framer-name="Pause">
+                        <div>
+                         <img alt="Website made in Framer">
+                        </div>
+                        <div>
+                         <video></video>
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                   <div>
+                    <div data-framer-name="Card">
+                     <div data-framer-name="Visual">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Website made in Framer">
+                       </div>
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                   <div>
+                    <div data-framer-name="Card">
+                     <div data-framer-name="Visual">
+                      <div>
+                       <div data-framer-name="Pause">
+                        <div>
+                         <img alt="Website made in Framer">
+                        </div>
+                        <div>
+                         <video></video>
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                  </div>
+                 </div>
+                </div>
+                <div data-framer-name="Phone">
+                 <div>
+                  <div data-framer-name="Phone Card">
+                   <div data-framer-name="Visual">
+                    <div data-framer-name="Image">
+                     <div>
+                      <img alt="Website made in Framer">
+                     </div>
+                    </div>
+                   </div>
+                  </div>
+                 </div>
+                 <div>
+                  <div data-framer-name="Phone Card">
+                   <div data-framer-name="Visual">
+                    <div>
+                     <div data-framer-name="Pause">
+                      <div>
+                       <img alt="Website made in Framer">
+                      </div>
+                      <div>
+                       <video></video>
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                  </div>
+                 </div>
+                 <div>
+                  <div data-framer-name="Phone Card">
+                   <div data-framer-name="Visual">
+                    <div data-framer-name="Image">
+                     <div>
+                      <img alt="Website made in Framer">
+                     </div>
+                    </div>
+                   </div>
+                  </div>
+                 </div>
+                 <div>
+                  <div data-framer-name="Phone Card">
+                   <div data-framer-name="Visual">
+                    <div data-framer-name="Image">
+                     <div>
+                      <img alt="Website made in Framer">
+                     </div>
+                    </div>
+                   </div>
+                  </div>
+                 </div>
+                </div>
+                <div data-framer-name="Scroll">
+                 <div data-framer-name="Column"></div>
                 </div>
                </div>
-               <div data-framer-name="Search Input">
-                <div data-framer-name="Mag Glass" aria-hidden="true">
-                 <div></div>
+              </div>
+             </div>
+            </div>
+            <div data-framer-name="Companies">
+             <div>
+              <div>
+               <div data-framer-name="Grid">
+                <div>
+                 <a data-framer-name="Small" href="./stories/">
+                  <div>
+                   <p>Meet our customers</p>
+                  </div>
+                  <div>
+                   <div></div>
+                  </div>
+                 </a>
+                </div>
+                <div data-framer-name="Bird">
+                 <div aria-hidden="true"></div>
                 </div>
                 <div>
-                 <h6>Search</h6>
+                 <div aria-hidden="true"></div>
+                </div>
+                <div>
+                 <div>
+                  <div data-framer-name="elevenlabs" aria-hidden="true"></div>
+                 </div>
+                </div>
+                <div>
+                 <div aria-hidden="true"></div>
+                </div>
+                <div data-framer-name="Miro">
+                 <div aria-hidden="true"></div>
+                </div>
+                <div>
+                 <div aria-hidden="true"></div>
+                </div>
+                <div>
+                 <div aria-hidden="true"></div>
+                </div>
+                <div>
+                 <div aria-hidden="true"></div>
                 </div>
                </div>
               </div>
              </div>
              <div>
-              <div data-framer-name="Fetch">
-               <div>
-                <p>Get Started</p>
+              <div>
+               <div data-framer-name="Ticker">
+                <div>
+                 <a data-framer-name="Small" href="./stories/">
+                  <div>
+                   <p>Meet our customers</p>
+                  </div>
+                  <div>
+                   <div></div>
+                  </div>
+                 </a>
+                </div>
+                <div data-framer-name="Ticker">
+                 <ul role="group">
+                  <li aria-hidden="false" aria-posinset="1" aria-setsize="8">
+                   <div data-framer-name="Bird">
+                    <div aria-hidden="true"></div>
+                   </div>
+                  </li>
+                  <li aria-hidden="false" aria-posinset="2" aria-setsize="8">
+                   <div>
+                    <div aria-hidden="true"></div>
+                   </div>
+                  </li>
+                  <li aria-hidden="false" aria-posinset="3" aria-setsize="8">
+                   <div>
+                    <div aria-hidden="true"></div>
+                   </div>
+                  </li>
+                  <li aria-hidden="false" aria-posinset="4" aria-setsize="8">
+                   <div>
+                    <div>
+                     <div data-framer-name="elevenlabs" aria-hidden="true"></div>
+                    </div>
+                   </div>
+                  </li>
+                  <li aria-hidden="false" aria-posinset="5" aria-setsize="8">
+                   <div data-framer-name="Miro">
+                    <div aria-hidden="true"></div>
+                   </div>
+                  </li>
+                  <li aria-hidden="false" aria-posinset="6" aria-setsize="8">
+                   <div>
+                    <div aria-hidden="true"></div>
+                   </div>
+                  </li>
+                  <li aria-hidden="false" aria-posinset="7" aria-setsize="8">
+                   <div>
+                    <div aria-hidden="true"></div>
+                   </div>
+                  </li>
+                  <li aria-hidden="false" aria-posinset="8" aria-setsize="8">
+                   <div>
+                    <div aria-hidden="true"></div>
+                   </div>
+                  </li>
+                 </ul>
+                </div>
                </div>
-               <div>
-                <div data-framer-name="Title">
-                 <p>
-                  <a href="./developers/">Overview</a>
-                 </p>
+              </div>
+             </div>
+             <div data-framer-name="Fade"></div>
+            </div>
+           </div>
+          </section>
+          <div data-framer-name="ForcePaintComp (don't remove)" name="ForcePaintComp (don't remove)"></div>
+          <section data-framer-name="Design Sidebar">
+           <header data-framer-name="Header">
+            <div>
+             <h2>Create, collaborate, and go live</h2>
+            </div>
+           </header>
+           <div data-framer-name="Desktop">
+            <div>
+             <div data-framer-name="AI">
+              <div>
+               <div data-framer-name="Open">
+                <div data-framer-name="Text">
+                 <div>
+                  <h3>
+                   <a href="./#feat-ai">AI</a>
+                  </h3>
+                 </div>
+                 <div>
+                  <p>Generate site layouts and advanced components in seconds with AI, so you can skip the blank canvas and start designing with confidence.</p>
+                 </div>
                 </div>
-                <div data-framer-name="Title">
-                 <p>
-                  <a href="./developers/comparison">Compare</a>
-                 </p>
-                </div>
-                <div data-framer-name="Title">
-                 <p>
-                  <a href="./developers/faq">FAQ</a>
-                 </p>
+                <div>
+                 <a data-framer-name="Default" href="./ai/">
+                  <div>
+                   <h3>Learn more</h3>
+                  </div>
+                  <div>
+                   <div></div>
+                  </div>
+                 </a>
                 </div>
                </div>
               </div>
               <div>
                <div data-framer-name="Closed">
-                <div>
+                <div data-framer-name="Text">
                  <div>
-                  <p>
-                   <a href="./">Plugins</a>
-                  </p>
+                  <h3>
+                   <a href="./#feat-design">Design</a>
+                  </h3>
+                 </div>
+                 <div>
+                  <p>Craft responsive layouts and bring them to life with smooth effects, interactions, and animations. Build exactly what you imagine, visually.</p>
                  </div>
                 </div>
                 <div>
-                 <div>
+                 <a data-framer-name="Default" href="./design/">
                   <div>
-                   <div data-framer-name="Nav Item">
-                    <div data-framer-name="Title">
-                     <p>
-                      <a href="./developers/plugins-introduction">Introduction</a>
-                     </p>
-                    </div>
-                   </div>
-                   <div data-framer-name="Nav Item">
-                    <div data-framer-name="Title">
-                     <p>
-                      <a href="./developers/plugins-quick-start">Quick Start</a>
-                     </p>
-                    </div>
-                   </div>
-                   <div data-framer-name="Nav Item">
-                    <div data-framer-name="Title">
-                     <p>
-                      <a href="./developers/publishing">Publishing</a>
-                     </p>
-                    </div>
-                   </div>
-                   <div data-framer-name="Nav Item">
-                    <div data-framer-name="Title">
-                     <p>
-                      <a href="./developers/changelog">Changelog</a>
-                     </p>
-                    </div>
-                   </div>
-                   <div data-framer-name="Nav Item">
-                    <div data-framer-name="Title">
-                     <p>
-                      <a href="./developers/reference">Reference</a>
-                     </p>
-                    </div>
-                   </div>
+                   <h3>Learn more</h3>
                   </div>
                   <div>
-                   <div>
-                    <div>
-                     <div>
-                      <p>Guides</p>
-                     </div>
-                     <div>
-                      <div data-framer-name="Closed">
-                       <div>
-                        <div aria-hidden="true"></div>
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                   </div>
+                   <div></div>
                   </div>
-                 </div>
+                 </a>
                 </div>
                </div>
               </div>
-              <div data-framer-name="Fetch">
-               <div>
-                <p>Fetch</p>
-               </div>
-               <div>
-                <div>
-                 <div data-framer-name="Title">
-                  <p>
-                   <a href="./developers/fetch-introduction">Introduction</a>
-                  </p>
+              <div>
+               <div data-framer-name="Closed">
+                <div data-framer-name="Text">
+                 <div>
+                  <h3>
+                   <a href="./#feat-cms">CMS</a>
+                  </h3>
+                 </div>
+                 <div>
+                  <p>Manage and update your content effortlessly with a built-in CMS. Keep your site fresh without touching code.</p>
                  </div>
                 </div>
                 <div>
-                 <div data-framer-name="Title">
-                  <p>
-                   <a href="./developers/fetch-examples">Examples</a>
-                  </p>
-                 </div>
+                 <a data-framer-name="Default" href="./scale/">
+                  <div>
+                   <h3>Learn more</h3>
+                  </div>
+                  <div>
+                   <div></div>
+                  </div>
+                 </a>
                 </div>
                </div>
               </div>
-              <div data-framer-name="Components">
-               <div>
-                <p>Components</p>
-               </div>
-               <div>
-                <div>
-                 <div data-framer-name="Title">
-                  <p>
-                   <a href="./developers/components-introduction">Introduction</a>
-                  </p>
+              <div>
+               <div data-framer-name="Closed">
+                <div data-framer-name="Text">
+                 <div>
+                  <h3>
+                   <a href="./#feat-collab">Collaborate</a>
+                  </h3>
+                 </div>
+                 <div>
+                  <p>Whether you’re collaborating on the canvas or editing copy directly on the page, updates are seamless and handoff-free.</p>
                  </div>
                 </div>
                 <div>
-                 <div data-framer-name="Title">
-                  <p>
-                   <a href="./developers/component-examples">Examples</a>
-                  </p>
-                 </div>
-                </div>
-                <div>
-                 <div data-framer-name="Title">
-                  <p>
-                   <a href="./developers/component-sharing">Sharing</a>
-                  </p>
-                 </div>
-                </div>
-                <div>
-                 <div data-framer-name="Title">
-                  <p>
-                   <a href="./developers/auto-sizing">Auto-Sizing</a>
-                  </p>
-                 </div>
-                </div>
-                <div>
-                 <div data-framer-name="Title">
-                  <p>
-                   <a href="./developers/property-controls">Property Controls</a>
-                  </p>
-                 </div>
-                </div>
-                <div>
-                 <div data-framer-name="Title">
-                  <p>
-                   <a href="./developers/components-reference">Reference</a>
-                  </p>
-                 </div>
-                </div>
-               </div>
-              </div>
-              <div data-framer-name="Overrides">
-               <div>
-                <p>Overrides</p>
-               </div>
-               <div>
-                <div>
-                 <div data-framer-name="Title">
-                  <p>
-                   <a href="./developers/overrides-introduction">Introduction</a>
-                  </p>
-                 </div>
-                </div>
-                <div>
-                 <div data-framer-name="Title">
-                  <p>
-                   <a href="./developers/overrides-examples">Examples</a>
-                  </p>
-                 </div>
+                 <a data-framer-name="Default" href="./collaborate/">
+                  <div>
+                   <h3>Learn more</h3>
+                  </div>
+                  <div>
+                   <div></div>
+                  </div>
+                 </a>
                 </div>
                </div>
               </div>
              </div>
             </div>
-           </nav>
-          </div>
-          <div>
-           <div data-framer-name="Developers Mobile Nav" name="Developers Mobile Nav">
-            <div name="Developers Mobile Nav" data-framer-name="Phone">
-             <div data-framer-name="Parent">
-              <div data-framer-name="Backdrop"></div>
-              <div data-framer-name="Inner">
-               <div>
-                <div data-framer-name="On">
-                 <div>
+            <div data-framer-name="Features">
+             <div data-framer-name="AI">
+              <div data-framer-name="Visual">
+               <div data-framer-name="New UI">
+                <div data-framer-name="Top Bar">
+                 <div data-framer-name="Top Bar New">
                   <div>
-                   <p>
-                    <a href="./developers/">Developers</a>
-                   </p>
+                   <img alt="Framer UI">
+                  </div>
+                 </div>
+                 <div data-framer-name="Avatars">
+                  <div data-framer-name="Team">
+                   <div>
+                    <div data-framer-name="Avatar">
+                     <div>
+                      <div>
+                       <img alt="A smiling person with short hair, wearing a dark shirt, against a backdrop of blue sky and clouds.">
+                      </div>
+                     </div>
+                    </div>
+                    <div data-framer-name="Avatar">
+                     <div>
+                      <div data-framer-name="Variant 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                  </div>
+                  <div data-framer-name="Topbar Right Simple@2x">
+                   <div>
+                    <img alt="Framer UI">
+                   </div>
                   </div>
                  </div>
                 </div>
-               </div>
-               <div>
-                <div data-framer-name="Dropdown">
-                 <div></div>
-                 <div>
-                  <div data-framer-name="Variant 1">
-                   <div>
+                <div data-framer-name="Content">
+                 <div data-framer-name="Left">
+                  <div data-framer-name="Layout Row">
+                   <div data-framer-name="Graphic" aria-hidden="true"></div>
+                   <div data-framer-name="Titile">
+                    <p>Wireframer</p>
+                   </div>
+                   <div aria-hidden="true"></div>
+                  </div>
+                  <div>
+                   <div data-framer-name="Prompt@2x">
                     <div>
-                     <button aria-label="Search Icon">
-                      <img alt="icon entry point for Site Search">
-                     </button>
+                     <img alt="">
                     </div>
                    </div>
-                   <div data-framer-name="Search Input">
-                    <div data-framer-name="Mag Glass" aria-hidden="true">
+                  </div>
+                  <div data-framer-name="Response">
+                   <div data-framer-name="Framer@2x">
+                    <div>
+                     <img alt="UI">
+                    </div>
+                   </div>
+                   <div>
+                    <p>
+                     <span>I</span>
+                     <span>created</span>
+                     <span>three</span>
+                     <span>unique</span>
+                     <span>landing</span>
+                     <span>pages</span>
+                     <span>in</span>
+                     <span>dark</span>
+                     <span>mode</span>
+                     <span>for</span>
+                     <span>your</span>
+                     <span>modern</span>
+                     <span>design</span>
+                     <span>startup:</span>
+                     <span>a</span>
+                     <span>main</span>
+                     <span>landing</span>
+                     <span>page,</span>
+                     <span>a</span>
+                     <span>creative-focused</span>
+                     <span>page,</span>
+                     <span>and</span>
+                     <span>a</span>
+                     <span>studio</span>
+                     <span>showcase</span>
+                     <span>page.</span>
+                    </p>
+                   </div>
+                  </div>
+                  <div data-framer-name="Spacer"></div>
+                  <div data-framer-name="Prompt@2x">
+                   <div>
+                    <img alt="">
+                   </div>
+                  </div>
+                 </div>
+                 <div data-framer-name="Canvas">
+                  <div data-framer-name="Pages">
+                   <div data-framer-name="Col">
+                    <div>
+                     <p>Landing Page 1</p>
+                    </div>
+                    <div data-framer-name="Image">
+                     <div>
+                      <img alt="Example of a page generated by Wireframer">
+                     </div>
+                    </div>
+                   </div>
+                   <div data-framer-name="Col">
+                    <div data-framer-name="Text">
+                     <div data-framer-name="Play Icon@2x">
+                      <div>
+                       <img alt="">
+                      </div>
+                     </div>
+                     <div>
+                      <p>Landing Page 2</p>
+                     </div>
+                    </div>
+                    <div data-framer-name="Image">
+                     <div>
+                      <img alt="Example of a page generated by Wireframer">
+                     </div>
+                    </div>
+                   </div>
+                   <div data-framer-name="Col">
+                    <div>
+                     <p>Landing Page 3</p>
+                     <p>
+                      <br>
+                     </p>
+                    </div>
+                    <div data-framer-name="Image">
+                     <div>
+                      <img alt="Example of a page generated by Wireframer">
+                     </div>
+                    </div>
+                   </div>
+                  </div>
+                  <div data-framer-name="Toolbar">
+                   <div>
+                    <div aria-hidden="true">
                      <div></div>
                     </div>
-                    <div>
-                     <h6>Search</h6>
-                    </div>
                    </div>
-                  </div>
-                 </div>
-                </div>
-                <div data-framer-name="Dropdown">
-                 <div></div>
-                </div>
-               </div>
-              </div>
-              <div data-framer-name="Sidebar Parent">
-               <div>
-                <nav data-framer-name="Mobile">
-                 <div>
-                  <div>
-                   <div data-framer-name="Fetch">
-                    <div>
-                     <p>Get Started</p>
-                    </div>
-                    <div>
-                     <div data-framer-name="Title">
-                      <p>
-                       <a href="./developers/">Overview</a>
-                      </p>
-                     </div>
-                     <div data-framer-name="Title">
-                      <p>
-                       <a href="./developers/comparison">Compare</a>
-                      </p>
-                     </div>
-                     <div data-framer-name="Title">
-                      <p>
-                       <a href="./developers/faq">FAQ</a>
-                      </p>
-                     </div>
+                   <div>
+                    <div aria-hidden="true">
+                     <div></div>
                     </div>
                    </div>
                    <div>
-                    <div data-framer-name="Closed">
-                     <div>
-                      <div>
-                       <p>
-                        <a href="./">Plugins</a>
-                       </p>
-                      </div>
-                     </div>
-                     <div>
-                      <div>
-                       <div>
-                        <div data-framer-name="Nav Item">
-                         <div data-framer-name="Title">
-                          <p>
-                           <a href="./developers/plugins-introduction">Introduction</a>
-                          </p>
-                         </div>
-                        </div>
-                        <div data-framer-name="Nav Item">
-                         <div data-framer-name="Title">
-                          <p>
-                           <a href="./developers/plugins-quick-start">Quick Start</a>
-                          </p>
-                         </div>
-                        </div>
-                        <div data-framer-name="Nav Item">
-                         <div data-framer-name="Title">
-                          <p>
-                           <a href="./developers/publishing">Publishing</a>
-                          </p>
-                         </div>
-                        </div>
-                        <div data-framer-name="Nav Item">
-                         <div data-framer-name="Title">
-                          <p>
-                           <a href="./developers/changelog">Changelog</a>
-                          </p>
-                         </div>
-                        </div>
-                        <div data-framer-name="Nav Item">
-                         <div data-framer-name="Title">
-                          <p>
-                           <a href="./developers/reference">Reference</a>
-                          </p>
-                         </div>
-                        </div>
-                       </div>
-                       <div>
-                        <div>
-                         <div>
-                          <div>
-                           <p>Guides</p>
-                          </div>
-                          <div>
-                           <div data-framer-name="Closed">
-                            <div>
-                             <div aria-hidden="true"></div>
-                            </div>
-                           </div>
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                      </div>
-                     </div>
+                    <div data-framer-name="Graphic" aria-hidden="true">
+                     <div></div>
                     </div>
                    </div>
-                   <div data-framer-name="Fetch">
-                    <div>
-                     <p>Fetch</p>
-                    </div>
-                    <div>
-                     <div>
-                      <div data-framer-name="Title">
-                       <p>
-                        <a href="./developers/fetch-introduction">Introduction</a>
-                       </p>
-                      </div>
-                     </div>
-                     <div>
-                      <div data-framer-name="Title">
-                       <p>
-                        <a href="./developers/fetch-examples">Examples</a>
-                       </p>
-                      </div>
-                     </div>
+                   <div>
+                    <div data-framer-name="Graphic" aria-hidden="true">
+                     <div></div>
                     </div>
                    </div>
-                   <div data-framer-name="Components">
-                    <div>
-                     <p>Components</p>
-                    </div>
-                    <div>
-                     <div>
-                      <div data-framer-name="Title">
-                       <p>
-                        <a href="./developers/components-introduction">Introduction</a>
-                       </p>
-                      </div>
-                     </div>
-                     <div>
-                      <div data-framer-name="Title">
-                       <p>
-                        <a href="./developers/component-examples">Examples</a>
-                       </p>
-                      </div>
-                     </div>
-                     <div>
-                      <div data-framer-name="Title">
-                       <p>
-                        <a href="./developers/component-sharing">Sharing</a>
-                       </p>
-                      </div>
-                     </div>
-                     <div>
-                      <div data-framer-name="Title">
-                       <p>
-                        <a href="./developers/auto-sizing">Auto-Sizing</a>
-                       </p>
-                      </div>
-                     </div>
-                     <div>
-                      <div data-framer-name="Title">
-                       <p>
-                        <a href="./developers/property-controls">Property Controls</a>
-                       </p>
-                      </div>
-                     </div>
-                     <div>
-                      <div data-framer-name="Title">
-                       <p>
-                        <a href="./developers/components-reference">Reference</a>
-                       </p>
-                      </div>
-                     </div>
+                   <div>
+                    <div aria-hidden="true">
+                     <div></div>
                     </div>
                    </div>
-                   <div data-framer-name="Overrides">
+                   <div>
                     <div>
-                     <p>Overrides</p>
+                     <p>100%</p>
                     </div>
-                    <div>
-                     <div>
-                      <div data-framer-name="Title">
-                       <p>
-                        <a href="./developers/overrides-introduction">Introduction</a>
-                       </p>
-                      </div>
-                     </div>
-                     <div>
-                      <div data-framer-name="Title">
-                       <p>
-                        <a href="./developers/overrides-examples">Examples</a>
-                       </p>
-                      </div>
-                     </div>
+                    <div data-framer-name="Graphic" aria-hidden="true">
+                     <div></div>
                     </div>
                    </div>
                   </div>
                  </div>
-                </nav>
+                 <div data-framer-name="Right">
+                  <div>
+                   <img alt="">
+                  </div>
+                 </div>
+                 <div data-framer-name="Fade"></div>
+                </div>
                </div>
               </div>
              </div>
-            </div>
-           </div>
-          </div>
-          <div>
-           <div data-framer-name="Developers Mobile Nav" name="Developers Mobile Nav">
-            <div name="Developers Mobile Nav" data-framer-name="Phone">
-             <div data-framer-name="Parent">
-              <div data-framer-name="Backdrop"></div>
-              <div data-framer-name="Inner">
+             <div data-framer-name="Design">
+              <div data-framer-name="Visual">
                <div>
-                <div data-framer-name="On">
-                 <div>
-                  <div>
-                   <p>
-                    <a href="./developers/">Developers</a>
-                   </p>
-                  </div>
-                 </div>
-                </div>
-               </div>
-               <div>
-                <div data-framer-name="Dropdown">
-                 <div></div>
-                 <div>
-                  <div data-framer-name="Variant 1">
-                   <div>
-                    <div>
-                     <button aria-label="Search Icon">
-                      <img alt="icon entry point for Site Search">
-                     </button>
-                    </div>
-                   </div>
-                   <div data-framer-name="Search Input">
-                    <div data-framer-name="Mag Glass" aria-hidden="true">
-                     <div></div>
-                    </div>
-                    <div>
-                     <h6>Search</h6>
-                    </div>
-                   </div>
-                  </div>
-                 </div>
-                </div>
-                <div data-framer-name="Dropdown">
-                 <div></div>
-                </div>
-               </div>
-              </div>
-              <div data-framer-name="Sidebar Parent">
-               <div>
-                <nav data-framer-name="Mobile">
-                 <div>
-                  <div>
-                   <div data-framer-name="Fetch">
-                    <div>
-                     <p>Get Started</p>
-                    </div>
-                    <div>
-                     <div data-framer-name="Title">
-                      <p>
-                       <a href="./developers/">Overview</a>
-                      </p>
-                     </div>
-                     <div data-framer-name="Title">
-                      <p>
-                       <a href="./developers/comparison">Compare</a>
-                      </p>
-                     </div>
-                     <div data-framer-name="Title">
-                      <p>
-                       <a href="./developers/faq">FAQ</a>
-                      </p>
-                     </div>
-                    </div>
-                   </div>
-                   <div>
-                    <div data-framer-name="Closed">
-                     <div>
-                      <div>
-                       <p>
-                        <a href="./">Plugins</a>
-                       </p>
-                      </div>
-                     </div>
-                     <div>
-                      <div>
-                       <div>
-                        <div data-framer-name="Nav Item">
-                         <div data-framer-name="Title">
-                          <p>
-                           <a href="./developers/plugins-introduction">Introduction</a>
-                          </p>
-                         </div>
-                        </div>
-                        <div data-framer-name="Nav Item">
-                         <div data-framer-name="Title">
-                          <p>
-                           <a href="./developers/plugins-quick-start">Quick Start</a>
-                          </p>
-                         </div>
-                        </div>
-                        <div data-framer-name="Nav Item">
-                         <div data-framer-name="Title">
-                          <p>
-                           <a href="./developers/publishing">Publishing</a>
-                          </p>
-                         </div>
-                        </div>
-                        <div data-framer-name="Nav Item">
-                         <div data-framer-name="Title">
-                          <p>
-                           <a href="./developers/changelog">Changelog</a>
-                          </p>
-                         </div>
-                        </div>
-                        <div data-framer-name="Nav Item">
-                         <div data-framer-name="Title">
-                          <p>
-                           <a href="./developers/reference">Reference</a>
-                          </p>
-                         </div>
-                        </div>
-                       </div>
-                       <div>
-                        <div>
-                         <div>
-                          <div>
-                           <p>Guides</p>
-                          </div>
-                          <div>
-                           <div data-framer-name="Closed">
-                            <div>
-                             <div aria-hidden="true"></div>
-                            </div>
-                           </div>
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                   </div>
-                   <div data-framer-name="Fetch">
-                    <div>
-                     <p>Fetch</p>
-                    </div>
-                    <div>
-                     <div>
-                      <div data-framer-name="Title">
-                       <p>
-                        <a href="./developers/fetch-introduction">Introduction</a>
-                       </p>
-                      </div>
-                     </div>
-                     <div>
-                      <div data-framer-name="Title">
-                       <p>
-                        <a href="./developers/fetch-examples">Examples</a>
-                       </p>
-                      </div>
-                     </div>
-                    </div>
-                   </div>
-                   <div data-framer-name="Components">
-                    <div>
-                     <p>Components</p>
-                    </div>
-                    <div>
-                     <div>
-                      <div data-framer-name="Title">
-                       <p>
-                        <a href="./developers/components-introduction">Introduction</a>
-                       </p>
-                      </div>
-                     </div>
-                     <div>
-                      <div data-framer-name="Title">
-                       <p>
-                        <a href="./developers/component-examples">Examples</a>
-                       </p>
-                      </div>
-                     </div>
-                     <div>
-                      <div data-framer-name="Title">
-                       <p>
-                        <a href="./developers/component-sharing">Sharing</a>
-                       </p>
-                      </div>
-                     </div>
-                     <div>
-                      <div data-framer-name="Title">
-                       <p>
-                        <a href="./developers/auto-sizing">Auto-Sizing</a>
-                       </p>
-                      </div>
-                     </div>
-                     <div>
-                      <div data-framer-name="Title">
-                       <p>
-                        <a href="./developers/property-controls">Property Controls</a>
-                       </p>
-                      </div>
-                     </div>
-                     <div>
-                      <div data-framer-name="Title">
-                       <p>
-                        <a href="./developers/components-reference">Reference</a>
-                       </p>
-                      </div>
-                     </div>
-                    </div>
-                   </div>
-                   <div data-framer-name="Overrides">
-                    <div>
-                     <p>Overrides</p>
-                    </div>
-                    <div>
-                     <div>
-                      <div data-framer-name="Title">
-                       <p>
-                        <a href="./developers/overrides-introduction">Introduction</a>
-                       </p>
-                      </div>
-                     </div>
-                     <div>
-                      <div data-framer-name="Title">
-                       <p>
-                        <a href="./developers/overrides-examples">Examples</a>
-                       </p>
-                      </div>
-                     </div>
-                    </div>
-                   </div>
-                  </div>
-                 </div>
-                </nav>
-               </div>
-              </div>
-             </div>
-            </div>
-           </div>
-          </div>
-          <div>
-           <div>
-            <div>
-             <div data-framer-name="Wide">
-              <div>
-               <a href="./updates/stagger-effects">
-                <div>
-                 <div>
-                  <img alt="Stagger">
-                 </div>
-                </div>
-                <div>
-                 <div></div>
-                 <div>
-                  <div>
-                   <p>Stagger Effects</p>
-                  </div>
-                  <div></div>
-                 </div>
-                </div>
-               </a>
-              </div>
-              <div>
-               <div></div>
-              </div>
-             </div>
-            </div>
-           </div>
-           <div>
-            <div>
-             <div data-framer-name="Wide">
-              <div>
-               <a href="./updates/stagger-effects">
-                <div>
-                 <div>
-                  <img alt="Stagger">
-                 </div>
-                </div>
-                <div>
-                 <div></div>
-                 <div>
-                  <div>
-                   <p>Stagger Effects</p>
-                  </div>
-                  <div></div>
-                 </div>
-                </div>
-               </a>
-              </div>
-              <div>
-               <div></div>
-              </div>
-             </div>
-            </div>
-           </div>
-           <main data-framer-name="Main">
-            <section data-framer-name="Hero">
-             <header data-framer-name="Header">
-              <div>
-               <div>
-                <a data-framer-name="Top Left" href="./events/">
-                 <div data-framer-name="Border + Mask"></div>
-                 <div data-framer-name="Border + Mask + Blur"></div>
-                 <div data-framer-name="Content">
-                  <div data-framer-name="Tag">
-                   <div>
-                    <p>New</p>
-                   </div>
-                  </div>
-                  <div>
-                   <p>From web builder to design tool. Meet Design Pages.</p>
-                  </div>
-                  <div data-framer-name="BG Gradient"></div>
-                 </div>
-                </a>
-               </div>
-              </div>
-              <div>
-               <div>
-                <a data-framer-name="Top Left" href="./events/">
-                 <div data-framer-name="Border + Mask"></div>
-                 <div data-framer-name="Border + Mask + Blur"></div>
-                 <div data-framer-name="Content">
-                  <div data-framer-name="Tag">
-                   <div>
-                    <p>New</p>
-                   </div>
-                  </div>
-                  <div>
-                   <p>Meet Design Pages.</p>
-                  </div>
-                  <div data-framer-name="BG Gradient"></div>
-                 </div>
-                </a>
-               </div>
-              </div>
-              <div>
-               <div>
-                <a data-framer-name="Top Left" href="./events/">
-                 <div data-framer-name="Border + Mask"></div>
-                 <div data-framer-name="Border + Mask + Blur"></div>
-                 <div data-framer-name="Content">
-                  <div data-framer-name="Tag">
-                   <div>
-                    <p>New</p>
-                   </div>
-                  </div>
-                  <div>
-                   <p>From web builder to design tool. Meet Design Pages.</p>
-                  </div>
-                  <div data-framer-name="BG Gradient"></div>
-                 </div>
-                </a>
-               </div>
-              </div>
-              <div data-framer-name="Text">
-               <div>
-                <h1>Build better sites, faster</h1>
-               </div>
-               <div>
-                <p>Framer is the design tool for websites. Design freely, publish fast, and scale with CMS, SEO, analytics, and more.</p>
-               </div>
-              </div>
-              <div data-framer-name="Buttons">
-               <div>
-                <div>
-                 <a data-framer-name="Regular" href="https://framer.com/r/signup">
-                  <div data-framer-name="Default">
-                   <p>Start for free</p>
-                  </div>
-                 </a>
-                </div>
-               </div>
-               <div>
-                <div>
-                 <a data-framer-name="Phone" href="https://framer.com/r/signup">
-                  <div data-framer-name="Default">
-                   <p>Start for free</p>
-                  </div>
-                 </a>
-                </div>
-               </div>
-               <div>
-                <div>
-                 <a data-framer-name="Regular" href="https://framer.com/r/signup">
-                  <div data-framer-name="Default">
-                   <p>Start for free</p>
-                  </div>
-                 </a>
-                </div>
-               </div>
-               <div>
-                <div>
-                 <a data-framer-name="Regular" href="./features/ai/">
-                  <div data-framer-name="Default">
-                   <p>Start with AI</p>
-                  </div>
-                 </a>
-                </div>
-               </div>
-               <div>
-                <div>
-                 <a data-framer-name="Phone" href="./features/ai/">
-                  <div data-framer-name="Default">
-                   <p>Start with AI</p>
-                  </div>
-                 </a>
-                </div>
-               </div>
-               <div>
-                <div>
-                 <a data-framer-name="Regular" href="./features/ai/">
-                  <div data-framer-name="Default">
-                   <p>Start with AI</p>
-                  </div>
-                 </a>
-                </div>
-               </div>
-              </div>
-             </header>
-             <div data-framer-name="Sites">
-              <div>
-               <div>
-                <div data-framer-name="Desktop">
-                 <div data-framer-name="Parallax">
-                  <div data-framer-name="Scroll">
-                   <div data-framer-name="Column">
-                    <div>
-                     <div data-framer-name="Card">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Image">
-                        <div>
-                         <img alt="Website made in Framer">
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                    <div>
-                     <div data-framer-name="Card">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Image">
-                        <div>
-                         <img alt="Website made in Framer">
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                    <div>
-                     <div data-framer-name="Card">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Image">
-                        <div>
-                         <img alt="Website made in Framer">
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                   </div>
-                  </div>
-                  <div data-framer-name="Column">
-                   <div>
-                    <div data-framer-name="Card">
-                     <div data-framer-name="Visual">
-                      <div data-framer-name="Image">
-                       <div>
-                        <img alt="Website made in Framer">
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                   </div>
-                   <div>
-                    <div data-framer-name="Card">
-                     <div data-framer-name="Visual">
-                      <div data-framer-name="Image">
-                       <div>
-                        <img alt="Website made in Framer">
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                   </div>
-                   <div>
-                    <div data-framer-name="Card">
-                     <div data-framer-name="Visual">
-                      <div data-framer-name="Image">
-                       <div>
-                        <img alt="Website made in Framer">
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                   </div>
-                  </div>
-                  <div data-framer-name="Scroll">
-                   <div data-framer-name="Phone">
-                    <div>
-                     <div data-framer-name="Phone Card">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Image">
-                        <div>
-                         <img alt="Website made in Framer">
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                    <div>
-                     <div data-framer-name="Phone Card">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Image">
-                        <div>
-                         <img alt="Website made in Framer">
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                    <div>
-                     <div data-framer-name="Phone Card">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Image">
-                        <div>
-                         <img alt="Website made in Framer">
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                   </div>
-                  </div>
-                  <div data-framer-name="Column">
-                   <div>
-                    <div data-framer-name="Card">
-                     <div data-framer-name="Visual">
-                      <div data-framer-name="Image">
-                       <div>
-                        <img alt="Website made in Framer">
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                   </div>
-                   <div>
-                    <div data-framer-name="Card">
-                     <div data-framer-name="Visual">
-                      <div>
-                       <div data-framer-name="Pause">
-                        <div>
-                         <img alt="Website made in Framer">
-                        </div>
-                        <div>
-                         <video></video>
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                   </div>
-                   <div>
-                    <div data-framer-name="Card">
-                     <div data-framer-name="Visual">
-                      <div data-framer-name="Image">
-                       <div>
-                        <img alt="Website made in Framer">
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                   </div>
-                  </div>
-                  <div data-framer-name="Scroll">
-                   <div data-framer-name="Border">
-                    <div data-framer-name="Column">
-                     <div>
-                      <div data-framer-name="Card">
-                       <div data-framer-name="Visual">
-                        <div>
-                         <div data-framer-name="Pause">
-                          <div>
-                           <img alt="Website made in Framer">
-                          </div>
-                          <div>
-                           <video></video>
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                     <div>
-                      <div data-framer-name="Card">
-                       <div data-framer-name="Visual">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Website made in Framer">
-                         </div>
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                     <div>
-                      <div data-framer-name="Card">
-                       <div data-framer-name="Visual">
-                        <div>
-                         <div data-framer-name="Pause">
-                          <div>
-                           <img alt="Website made in Framer">
-                          </div>
-                          <div>
-                           <video></video>
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                   </div>
-                  </div>
-                  <div data-framer-name="Phone">
-                   <div>
-                    <div data-framer-name="Phone Card">
-                     <div data-framer-name="Visual">
-                      <div data-framer-name="Image">
-                       <div>
-                        <img alt="Website made in Framer">
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                   </div>
-                   <div>
-                    <div data-framer-name="Phone Card">
-                     <div data-framer-name="Visual">
-                      <div>
-                       <div data-framer-name="Pause">
-                        <div>
-                         <img alt="Website made in Framer">
-                        </div>
-                        <div>
-                         <video></video>
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                   </div>
-                   <div>
-                    <div data-framer-name="Phone Card">
-                     <div data-framer-name="Visual">
-                      <div data-framer-name="Image">
-                       <div>
-                        <img alt="Website made in Framer">
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                   </div>
-                   <div>
-                    <div data-framer-name="Phone Card">
-                     <div data-framer-name="Visual">
-                      <div data-framer-name="Image">
-                       <div>
-                        <img alt="Website made in Framer">
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                   </div>
-                  </div>
-                  <div data-framer-name="Scroll">
-                   <div data-framer-name="Column">
-                    <div>
-                     <div data-framer-name="Card">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Image">
-                        <div>
-                         <img alt="Website made in Framer">
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                    <div>
-                     <div data-framer-name="Card">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Image">
-                        <div>
-                         <img alt="Website made in Framer">
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                    <div>
-                     <div data-framer-name="Card">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Image">
-                        <div>
-                         <img alt="Website made in Framer">
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                   </div>
-                  </div>
-                  <div data-framer-name="Column">
-                   <div>
-                    <div data-framer-name="Card">
-                     <div data-framer-name="Visual">
-                      <div data-framer-name="Image">
-                       <div>
-                        <img alt="Website made in Framer">
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                   </div>
-                   <div>
-                    <div data-framer-name="Card">
-                     <div data-framer-name="Visual">
-                      <div data-framer-name="Image">
-                       <div>
-                        <img alt="Website made in Framer">
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                   </div>
-                   <div>
-                    <div data-framer-name="Card">
-                     <div data-framer-name="Visual">
-                      <div data-framer-name="Image">
-                       <div>
-                        <img alt="Website made in Framer">
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                   </div>
-                  </div>
-                  <div data-framer-name="Scroll">
-                   <div data-framer-name="Column">
-                    <div>
-                     <div data-framer-name="Card">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Image">
-                        <div>
-                         <img alt="Website made in Framer">
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                    <div>
-                     <div data-framer-name="Card">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Image">
-                        <div>
-                         <img alt="Website made in Framer">
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                    <div>
-                     <div data-framer-name="Card">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Image">
-                        <div>
-                         <img alt="Website made in Framer">
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                   </div>
-                  </div>
-                 </div>
-                </div>
-               </div>
-              </div>
-              <div>
-               <div>
-                <div data-framer-name="Phone">
-                 <div data-framer-name="Parallax">
-                  <div data-framer-name="Scroll">
-                   <div data-framer-name="Phone"></div>
-                  </div>
-                  <div data-framer-name="Column">
-                   <div>
-                    <div data-framer-name="Card">
-                     <div data-framer-name="Visual">
-                      <div data-framer-name="Image">
-                       <div>
-                        <img alt="Website made in Framer">
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                   </div>
-                   <div>
-                    <div data-framer-name="Card">
-                     <div data-framer-name="Visual">
-                      <div>
-                       <div data-framer-name="Pause">
-                        <div>
-                         <img alt="Website made in Framer">
-                        </div>
-                        <div>
-                         <video></video>
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                   </div>
-                   <div>
-                    <div data-framer-name="Card">
-                     <div data-framer-name="Visual">
-                      <div data-framer-name="Image">
-                       <div>
-                        <img alt="Website made in Framer">
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                   </div>
-                  </div>
-                  <div data-framer-name="Scroll">
-                   <div data-framer-name="Border">
-                    <div data-framer-name="Column">
-                     <div>
-                      <div data-framer-name="Card">
-                       <div data-framer-name="Visual">
-                        <div>
-                         <div data-framer-name="Pause">
-                          <div>
-                           <img alt="Website made in Framer">
-                          </div>
-                          <div>
-                           <video></video>
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                     <div>
-                      <div data-framer-name="Card">
-                       <div data-framer-name="Visual">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Website made in Framer">
-                         </div>
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                     <div>
-                      <div data-framer-name="Card">
-                       <div data-framer-name="Visual">
-                        <div>
-                         <div data-framer-name="Pause">
-                          <div>
-                           <img alt="Website made in Framer">
-                          </div>
-                          <div>
-                           <video></video>
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                   </div>
-                  </div>
-                  <div data-framer-name="Phone">
-                   <div>
-                    <div data-framer-name="Phone Card">
-                     <div data-framer-name="Visual">
-                      <div data-framer-name="Image">
-                       <div>
-                        <img alt="Website made in Framer">
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                   </div>
-                   <div>
-                    <div data-framer-name="Phone Card">
-                     <div data-framer-name="Visual">
-                      <div>
-                       <div data-framer-name="Pause">
-                        <div>
-                         <img alt="Website made in Framer">
-                        </div>
-                        <div>
-                         <video></video>
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                   </div>
-                   <div>
-                    <div data-framer-name="Phone Card">
-                     <div data-framer-name="Visual">
-                      <div data-framer-name="Image">
-                       <div>
-                        <img alt="Website made in Framer">
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                   </div>
-                   <div>
-                    <div data-framer-name="Phone Card">
-                     <div data-framer-name="Visual">
-                      <div data-framer-name="Image">
-                       <div>
-                        <img alt="Website made in Framer">
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                   </div>
-                  </div>
-                  <div data-framer-name="Scroll">
-                   <div data-framer-name="Column"></div>
-                  </div>
-                 </div>
-                </div>
-               </div>
-              </div>
-              <div>
-               <div>
-                <div data-framer-name="Tablet">
-                 <div data-framer-name="Parallax">
-                  <div data-framer-name="Scroll">
-                   <div data-framer-name="Phone">
-                    <div>
-                     <div data-framer-name="Phone Card">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Image">
-                        <div>
-                         <img alt="Website made in Framer">
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                    <div>
-                     <div data-framer-name="Phone Card">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Image">
-                        <div>
-                         <img alt="Website made in Framer">
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                    <div>
-                     <div data-framer-name="Phone Card">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Image">
-                        <div>
-                         <img alt="Website made in Framer">
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                   </div>
-                  </div>
-                  <div data-framer-name="Column">
-                   <div>
-                    <div data-framer-name="Card">
-                     <div data-framer-name="Visual">
-                      <div data-framer-name="Image">
-                       <div>
-                        <img alt="Website made in Framer">
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                   </div>
-                   <div>
-                    <div data-framer-name="Card">
-                     <div data-framer-name="Visual">
-                      <div>
-                       <div data-framer-name="Pause">
-                        <div>
-                         <img alt="Website made in Framer">
-                        </div>
-                        <div>
-                         <video></video>
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                   </div>
-                   <div>
-                    <div data-framer-name="Card">
-                     <div data-framer-name="Visual">
-                      <div data-framer-name="Image">
-                       <div>
-                        <img alt="Website made in Framer">
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                   </div>
-                  </div>
-                  <div data-framer-name="Scroll">
-                   <div data-framer-name="Border">
-                    <div data-framer-name="Column">
-                     <div>
-                      <div data-framer-name="Card">
-                       <div data-framer-name="Visual">
-                        <div>
-                         <div data-framer-name="Pause">
-                          <div>
-                           <img alt="Website made in Framer">
-                          </div>
-                          <div>
-                           <video></video>
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                     <div>
-                      <div data-framer-name="Card">
-                       <div data-framer-name="Visual">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Website made in Framer">
-                         </div>
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                     <div>
-                      <div data-framer-name="Card">
-                       <div data-framer-name="Visual">
-                        <div>
-                         <div data-framer-name="Pause">
-                          <div>
-                           <img alt="Website made in Framer">
-                          </div>
-                          <div>
-                           <video></video>
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                   </div>
-                  </div>
-                  <div data-framer-name="Phone">
-                   <div>
-                    <div data-framer-name="Phone Card">
-                     <div data-framer-name="Visual">
-                      <div data-framer-name="Image">
-                       <div>
-                        <img alt="Website made in Framer">
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                   </div>
-                   <div>
-                    <div data-framer-name="Phone Card">
-                     <div data-framer-name="Visual">
-                      <div>
-                       <div data-framer-name="Pause">
-                        <div>
-                         <img alt="Website made in Framer">
-                        </div>
-                        <div>
-                         <video></video>
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                   </div>
-                   <div>
-                    <div data-framer-name="Phone Card">
-                     <div data-framer-name="Visual">
-                      <div data-framer-name="Image">
-                       <div>
-                        <img alt="Website made in Framer">
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                   </div>
-                   <div>
-                    <div data-framer-name="Phone Card">
-                     <div data-framer-name="Visual">
-                      <div data-framer-name="Image">
-                       <div>
-                        <img alt="Website made in Framer">
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                   </div>
-                  </div>
-                  <div data-framer-name="Scroll">
-                   <div data-framer-name="Column">
-                    <div>
-                     <div data-framer-name="Card">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Image">
-                        <div>
-                         <img alt="Website made in Framer">
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                    <div>
-                     <div data-framer-name="Card">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Image">
-                        <div>
-                         <img alt="Website made in Framer">
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                    <div>
-                     <div data-framer-name="Card">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Image">
-                        <div>
-                         <img alt="Website made in Framer">
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                   </div>
-                  </div>
-                 </div>
-                </div>
-               </div>
-              </div>
-              <div data-framer-name="Companies">
-               <div>
-                <div>
-                 <div data-framer-name="Grid">
-                  <div>
-                   <div>
-                    <div data-framer-name="Bird">
-                     <div data-framer-name="Bird" aria-hidden="true"></div>
-                    </div>
-                    <div>
-                     <div>
-                      <div data-framer-name="graphic" aria-hidden="true"></div>
-                     </div>
-                    </div>
-                    <div>
-                     <div data-framer-name="VE" aria-hidden="true"></div>
-                    </div>
-                    <div>
-                     <div data-framer-name="Dribbble" aria-hidden="true"></div>
-                    </div>
-                   </div>
-                   <div>
-                    <div data-framer-name="Miro">
-                     <div data-framer-name="Miro" aria-hidden="true"></div>
-                    </div>
-                    <div>
-                     <div data-framer-name="Perplexity" aria-hidden="true"></div>
-                    </div>
-                    <div>
-                     <div aria-hidden="true"></div>
-                    </div>
-                    <div>
-                     <div aria-hidden="true"></div>
-                    </div>
-                   </div>
-                  </div>
-                 </div>
-                </div>
-               </div>
-               <div>
-                <div>
-                 <div data-framer-name="Mobile">
-                  <div>
-                   <section>
-                    <ul>
-                     <li aria-hidden="true">
-                      <div data-framer-name="Flighty">
-                       <div>
-                        <p>Flighty</p>
-                       </div>
-                      </div>
-                     </li>
-                     <li aria-hidden="true">
-                      <div data-framer-name="Perplexity">
-                       <div data-framer-name="Perplexity" aria-hidden="true"></div>
-                      </div>
-                     </li>
-                     <li aria-hidden="true">
-                      <div data-framer-name="Superhuman">
-                       <div data-framer-name="Superhuman" aria-hidden="true">
-                        <div></div>
-                       </div>
-                      </div>
-                     </li>
-                     <li aria-hidden="true">
-                      <div data-framer-name="Miro">
-                       <div data-framer-name="Miro" aria-hidden="true"></div>
-                      </div>
-                     </li>
-                     <li aria-hidden="true">
-                      <div data-framer-name="Dribbble">
-                       <div data-framer-name="Dribbble" aria-hidden="true"></div>
-                      </div>
-                     </li>
-                     <li aria-hidden="true">
-                      <div data-framer-name="Loops">
-                       <div data-framer-name="Loops" aria-hidden="true"></div>
-                      </div>
-                     </li>
-                     <li aria-hidden="true">
-                      <div data-framer-name="VE">
-                       <div data-framer-name="VE" aria-hidden="true"></div>
-                      </div>
-                     </li>
-                     <li aria-hidden="true">
-                      <div data-framer-name="Bird">
-                       <div data-framer-name="Bird" aria-hidden="true"></div>
-                      </div>
-                     </li>
-                    </ul>
-                   </section>
-                  </div>
-                 </div>
-                </div>
-               </div>
-               <div>
-                <div>
-                 <div data-framer-name="Grid">
-                  <div>
-                   <div>
-                    <div data-framer-name="Bird">
-                     <div data-framer-name="Bird" aria-hidden="true"></div>
-                    </div>
-                    <div>
-                     <div>
-                      <div data-framer-name="graphic" aria-hidden="true"></div>
-                     </div>
-                    </div>
-                    <div>
-                     <div data-framer-name="VE" aria-hidden="true"></div>
-                    </div>
-                    <div>
-                     <div data-framer-name="Dribbble" aria-hidden="true"></div>
-                    </div>
-                   </div>
-                   <div>
-                    <div data-framer-name="Miro">
-                     <div data-framer-name="Miro" aria-hidden="true"></div>
-                    </div>
-                    <div>
-                     <div data-framer-name="Perplexity" aria-hidden="true"></div>
-                    </div>
-                    <div>
-                     <div aria-hidden="true"></div>
-                    </div>
-                    <div>
-                     <div aria-hidden="true"></div>
-                    </div>
-                   </div>
-                  </div>
-                 </div>
-                </div>
-               </div>
-               <div data-framer-name="Fade"></div>
-              </div>
-             </div>
-            </section>
-            <div data-framer-name="ForcePaintComp (don't remove)" name="ForcePaintComp (don't remove)"></div>
-            <section data-framer-name="Design Sidebar">
-             <header data-framer-name="Header">
-              <div>
-               <h2>Create, collaborate, and go live</h2>
-              </div>
-             </header>
-             <div data-framer-name="Desktop">
-              <div>
-               <div data-framer-name="AI">
-                <div>
-                 <div data-framer-name="Open">
-                  <div data-framer-name="Text">
-                   <div>
-                    <h3>
-                     <a href="./#feat-ai">AI</a>
-                    </h3>
-                   </div>
-                   <div>
-                    <p>Generate site layouts and advanced components in seconds with AI, so you can skip the blank canvas and start designing with confidence.</p>
-                   </div>
-                  </div>
-                  <div>
-                   <a data-framer-name="Default" href="./features/ai/">
-                    <div>
-                     <h3>Learn more</h3>
-                    </div>
-                    <div>
-                     <div></div>
-                    </div>
-                   </a>
-                  </div>
-                 </div>
-                </div>
-                <div>
-                 <div data-framer-name="Closed">
-                  <div data-framer-name="Text">
-                   <div>
-                    <h3>
-                     <a href="./#feat-design">Design</a>
-                    </h3>
-                   </div>
-                   <div>
-                    <p>Craft responsive layouts and bring them to life with smooth effects, interactions, and animations. Build exactly what you imagine, visually.</p>
-                   </div>
-                  </div>
-                  <div>
-                   <a data-framer-name="Default" href="./features/design/">
-                    <div>
-                     <h3>Learn more</h3>
-                    </div>
-                    <div>
-                     <div></div>
-                    </div>
-                   </a>
-                  </div>
-                 </div>
-                </div>
-                <div>
-                 <div data-framer-name="Closed">
-                  <div data-framer-name="Text">
-                   <div>
-                    <h3>
-                     <a href="./#feat-cms">CMS</a>
-                    </h3>
-                   </div>
-                   <div>
-                    <p>Manage and update your content effortlessly with a built-in CMS. Keep your site fresh without touching code.</p>
-                   </div>
-                  </div>
-                  <div>
-                   <a data-framer-name="Default" href="./features/scale/">
-                    <div>
-                     <h3>Learn more</h3>
-                    </div>
-                    <div>
-                     <div></div>
-                    </div>
-                   </a>
-                  </div>
-                 </div>
-                </div>
-                <div>
-                 <div data-framer-name="Closed">
-                  <div data-framer-name="Text">
-                   <div>
-                    <h3>
-                     <a href="./#feat-collab">Collaborate</a>
-                    </h3>
-                   </div>
-                   <div>
-                    <p>Whether you’re collaborating on the canvas or editing copy directly on the page, updates are seamless and handoff-free.</p>
-                   </div>
-                  </div>
-                  <div>
-                   <a data-framer-name="Default" href="./features/collaborate/">
-                    <div>
-                     <h3>Learn more</h3>
-                    </div>
-                    <div>
-                     <div></div>
-                    </div>
-                   </a>
-                  </div>
-                 </div>
-                </div>
-               </div>
-              </div>
-              <div data-framer-name="Features">
-               <div data-framer-name="AI">
-                <div data-framer-name="Visual">
+                <div data-framer-name="Start">
                  <div data-framer-name="New UI">
                   <div data-framer-name="Top Bar">
-                   <div data-framer-name="Top Bar New">
+                   <div data-framer-name="Topbar New@2x">
                     <div>
                      <img alt="Framer UI">
                     </div>
@@ -2067,7 +2161,7 @@ test('formatHtmlForPrompt', async () => {
                       <div data-framer-name="Avatar">
                        <div>
                         <div>
-                         <img alt="A smiling person with short hair, wearing a dark shirt, against a backdrop of blue sky and clouds.">
+                         <img alt="">
                         </div>
                        </div>
                       </div>
@@ -2090,108 +2184,38 @@ test('formatHtmlForPrompt', async () => {
                    </div>
                   </div>
                   <div data-framer-name="Content">
-                   <div data-framer-name="Left">
-                    <div data-framer-name="Layout Row">
-                     <div data-framer-name="Graphic" aria-hidden="true"></div>
-                     <div data-framer-name="Titile">
-                      <p>Wireframer</p>
-                     </div>
-                     <div aria-hidden="true"></div>
-                    </div>
-                    <div>
-                     <div data-framer-name="Prompt@2x">
-                      <div>
-                       <img alt="">
-                      </div>
+                   <div data-framer-name="Cursor">
+                    <div data-framer-name="Pointer">
+                     <div data-framer-name="Pointer" aria-hidden="true">
+                      <div></div>
                      </div>
                     </div>
-                    <div data-framer-name="Response">
-                     <div data-framer-name="Framer@2x">
-                      <div>
-                       <img alt="UI">
-                      </div>
-                     </div>
+                    <div data-framer-name="Pill">
                      <div>
-                      <p>
-                       <span>I</span>
-                       <span>created</span>
-                       <span>three</span>
-                       <span>unique</span>
-                       <span>landing</span>
-                       <span>pages</span>
-                       <span>in</span>
-                       <span>dark</span>
-                       <span>mode</span>
-                       <span>for</span>
-                       <span>your</span>
-                       <span>modern</span>
-                       <span>design</span>
-                       <span>startup:</span>
-                       <span>a</span>
-                       <span>main</span>
-                       <span>landing</span>
-                       <span>page,</span>
-                       <span>a</span>
-                       <span>creative-focused</span>
-                       <span>page,</span>
-                       <span>and</span>
-                       <span>a</span>
-                       <span>studio</span>
-                       <span>showcase</span>
-                       <span>page.</span>
-                      </p>
-                     </div>
-                    </div>
-                    <div data-framer-name="Spacer"></div>
-                    <div data-framer-name="Prompt@2x">
-                     <div>
-                      <img alt="">
+                      <p>Benjamin</p>
                      </div>
                     </div>
                    </div>
-                   <div data-framer-name="Canvas">
-                    <div data-framer-name="Pages">
-                     <div data-framer-name="Col">
-                      <div>
-                       <p>Landing Page 1</p>
-                      </div>
-                      <div data-framer-name="Image">
-                       <div>
-                        <img alt="Example of a page generated by Wireframer">
-                       </div>
-                      </div>
-                     </div>
-                     <div data-framer-name="Col">
-                      <div data-framer-name="Text">
-                       <div data-framer-name="Play Icon@2x">
-                        <div>
-                         <img alt="">
-                        </div>
-                       </div>
-                       <div>
-                        <p>Landing Page 2</p>
-                       </div>
-                      </div>
-                      <div data-framer-name="Image">
-                       <div>
-                        <img alt="Example of a page generated by Wireframer">
-                       </div>
-                      </div>
-                     </div>
-                     <div data-framer-name="Col">
-                      <div>
-                       <p>Landing Page 3</p>
-                       <p>
-                        <br>
-                       </p>
-                      </div>
-                      <div data-framer-name="Image">
-                       <div>
-                        <img alt="Example of a page generated by Wireframer">
-                       </div>
-                      </div>
+                   <div data-framer-name="Cursor">
+                    <div data-framer-name="Pointer">
+                     <div data-framer-name="Pointer" aria-hidden="true">
+                      <div></div>
                      </div>
                     </div>
+                    <div data-framer-name="Pill">
+                     <div>
+                      <p>Paul</p>
+                     </div>
+                    </div>
+                   </div>
+                   <div data-framer-name="Left">
+                    <div data-framer-name="Left@2x">
+                     <div>
+                      <img alt="Framer UI">
+                     </div>
+                    </div>
+                   </div>
+                   <div data-framer-name="Canvas Design">
                     <div data-framer-name="Toolbar">
                      <div>
                       <div aria-hidden="true">
@@ -2227,839 +2251,494 @@ test('formatHtmlForPrompt', async () => {
                       </div>
                      </div>
                     </div>
+                    <div data-framer-name="Headers@2x">
+                     <div>
+                      <img alt="Framer canvas">
+                     </div>
+                    </div>
                    </div>
                    <div data-framer-name="Right">
-                    <div>
-                     <img alt="">
-                    </div>
-                   </div>
-                   <div data-framer-name="Fade"></div>
-                  </div>
-                 </div>
-                </div>
-               </div>
-               <div data-framer-name="Design">
-                <div data-framer-name="Visual">
-                 <div>
-                  <div data-framer-name="Start">
-                   <div data-framer-name="New UI">
-                    <div data-framer-name="Top Bar">
-                     <div data-framer-name="Topbar New@2x">
-                      <div>
-                       <img alt="Framer UI">
-                      </div>
-                     </div>
-                     <div data-framer-name="Avatars">
-                      <div data-framer-name="Team">
-                       <div>
-                        <div data-framer-name="Avatar">
-                         <div>
-                          <div>
-                           <img alt="">
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="Avatar">
-                         <div>
-                          <div data-framer-name="Variant 1">
-                           <div>
-                            <img alt="">
-                           </div>
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                      </div>
-                      <div data-framer-name="Topbar Right Simple@2x">
-                       <div>
-                        <img alt="Framer UI">
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                    <div data-framer-name="Content">
-                     <div data-framer-name="Cursor">
-                      <div data-framer-name="Pointer">
-                       <div data-framer-name="Pointer" aria-hidden="true">
-                        <div></div>
-                       </div>
-                      </div>
-                      <div data-framer-name="Pill">
-                       <div>
-                        <p>Benjamin</p>
-                       </div>
-                      </div>
-                     </div>
-                     <div data-framer-name="Cursor">
-                      <div data-framer-name="Pointer">
-                       <div data-framer-name="Pointer" aria-hidden="true">
-                        <div></div>
-                       </div>
-                      </div>
-                      <div data-framer-name="Pill">
-                       <div>
-                        <p>Paul</p>
-                       </div>
-                      </div>
-                     </div>
-                     <div data-framer-name="Left">
-                      <div data-framer-name="Left@2x">
-                       <div>
-                        <img alt="Framer UI">
-                       </div>
-                      </div>
-                     </div>
-                     <div data-framer-name="Canvas Design">
-                      <div data-framer-name="Toolbar">
-                       <div>
-                        <div aria-hidden="true">
-                         <div></div>
-                        </div>
-                       </div>
-                       <div>
-                        <div aria-hidden="true">
-                         <div></div>
-                        </div>
-                       </div>
-                       <div>
-                        <div data-framer-name="Graphic" aria-hidden="true">
-                         <div></div>
-                        </div>
-                       </div>
-                       <div>
-                        <div data-framer-name="Graphic" aria-hidden="true">
-                         <div></div>
-                        </div>
-                       </div>
-                       <div>
-                        <div aria-hidden="true">
-                         <div></div>
-                        </div>
-                       </div>
-                       <div>
-                        <div>
-                         <p>100%</p>
-                        </div>
-                        <div data-framer-name="Graphic" aria-hidden="true">
-                         <div></div>
-                        </div>
-                       </div>
-                      </div>
-                      <div data-framer-name="Headers@2x">
-                       <div>
-                        <img alt="Framer canvas">
-                       </div>
-                      </div>
-                     </div>
-                     <div data-framer-name="Right">
-                      <div data-framer-name="Right@2x">
-                       <div>
-                        <img alt="Framer UI">
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                   </div>
-                  </div>
-                 </div>
-                </div>
-               </div>
-               <div data-framer-name="CMS">
-                <div data-framer-name="Visual">
-                 <div data-framer-name="UI">
-                  <div data-framer-name="Topbar">
-                   <div data-framer-name="CMS Top Bar@2x">
-                    <div>
-                     <img alt="Framer UI">
-                    </div>
-                   </div>
-                   <div data-framer-name="Topbar Right@2x">
-                    <div>
-                     <img alt="">
-                    </div>
-                   </div>
-                  </div>
-                  <div data-framer-name="Editor">
-                   <div data-framer-name="CMS Sidebar">
-                    <div data-framer-name="CMS Sidebar@2x">
+                    <div data-framer-name="Right@2x">
                      <div>
                       <img alt="Framer UI">
                      </div>
                     </div>
                    </div>
-                   <div data-framer-name="Center">
-                    <div data-framer-name="CMS / Header">
-                     <div>
-                      <div>
-                       <p>Title</p>
-                      </div>
-                      <div>
-                       <p>Image</p>
-                      </div>
-                      <div>
-                       <p>Date</p>
-                      </div>
-                      <div>
-                       <p>Category</p>
-                      </div>
-                      <div>
-                       <p>Slug</p>
-                      </div>
-                     </div>
-                    </div>
-                    <div data-framer-name="Search Row">
-                     <div data-framer-name="Search Icon" aria-hidden="true"></div>
-                     <div>
-                      <p>Search 153 items…</p>
-                     </div>
-                    </div>
-                    <div data-framer-name="Updates List">
-                     <div data-framer-name="CMS / Row">
-                      <div>
-                       <div>
-                        <div data-framer-name="Graphic" aria-hidden="true"></div>
-                        <div>
-                         <p>Stagger Effects</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Color">
-                        <div>
-                         <div>
-                          <img alt="Stagger">
-                         </div>
-                        </div>
-                       </div>
-                       <div>
-                        <p>Sep 25, 2025</p>
-                       </div>
-                       <div>
-                        <p>Canvas</p>
-                       </div>
-                       <div>
-                        <p>stagger-effects</p>
-                       </div>
-                      </div>
-                     </div>
-                     <div data-framer-name="CMS / Row">
-                      <div>
-                       <div>
-                        <div data-framer-name="Graphic" aria-hidden="true"></div>
-                        <div>
-                         <p>Text Search Plugin</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Color">
-                        <div>
-                         <div>
-                          <img alt="Stagger">
-                         </div>
-                        </div>
-                       </div>
-                       <div>
-                        <p>Sep 24, 2025</p>
-                       </div>
-                       <div>
-                        <p>Canvas</p>
-                       </div>
-                       <div>
-                        <p>text-search-plugin</p>
-                       </div>
-                      </div>
-                     </div>
-                     <div data-framer-name="CMS / Row">
-                      <div>
-                       <div>
-                        <div data-framer-name="Graphic" aria-hidden="true"></div>
-                        <div>
-                         <p>Lightbox Effect</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Color">
-                        <div>
-                         <div>
-                          <img alt="Lightbox">
-                         </div>
-                        </div>
-                       </div>
-                       <div>
-                        <p>Sep 22, 2025</p>
-                       </div>
-                       <div>
-                        <p>Canvas</p>
-                       </div>
-                       <div>
-                        <p>lightbox-effect</p>
-                       </div>
-                      </div>
-                     </div>
-                     <div data-framer-name="CMS / Row">
-                      <div>
-                       <div>
-                        <div data-framer-name="Graphic" aria-hidden="true"></div>
-                        <div>
-                         <p>Font Drop 15</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Color">
-                        <div>
-                         <div>
-                          <img alt="Font Drop 15">
-                         </div>
-                        </div>
-                       </div>
-                       <div>
-                        <p>Sep 21, 2025</p>
-                       </div>
-                       <div>
-                        <p>Canvas</p>
-                       </div>
-                       <div>
-                        <p>font-drop-15</p>
-                       </div>
-                      </div>
-                     </div>
-                     <div data-framer-name="CMS / Row">
-                      <div>
-                       <div>
-                        <div data-framer-name="Graphic" aria-hidden="true"></div>
-                        <div>
-                         <p>Fit Image</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Color">
-                        <div>
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <div>
-                        <p>Sep 17, 2025</p>
-                       </div>
-                       <div>
-                        <p>Canvas</p>
-                       </div>
-                       <div>
-                        <p>fit-image</p>
-                       </div>
-                      </div>
-                     </div>
-                     <div data-framer-name="CMS / Row">
-                      <div>
-                       <div>
-                        <div data-framer-name="Graphic" aria-hidden="true"></div>
-                        <div>
-                         <p>Design Pages</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Color">
-                        <div>
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <div>
-                        <p>Sep 16, 2025</p>
-                       </div>
-                       <div>
-                        <p>Canvas</p>
-                       </div>
-                       <div>
-                        <p>design-pages</p>
-                       </div>
-                      </div>
-                     </div>
-                     <div data-framer-name="CMS / Row">
-                      <div>
-                       <div>
-                        <div data-framer-name="Graphic" aria-hidden="true"></div>
-                        <div>
-                         <p>Icon Set: Sargam</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Color">
-                        <div>
-                         <div>
-                          <img alt="Sargam Icon Set">
-                         </div>
-                        </div>
-                       </div>
-                       <div>
-                        <p>Sep 15, 2025</p>
-                       </div>
-                       <div>
-                        <p>Canvas</p>
-                       </div>
-                       <div>
-                        <p>icon-set-sargam</p>
-                       </div>
-                      </div>
-                     </div>
-                     <div data-framer-name="CMS / Row">
-                      <div>
-                       <div>
-                        <div data-framer-name="Graphic" aria-hidden="true"></div>
-                        <div>
-                         <p>Rolldown Bundler</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Color">
-                        <div>
-                         <div>
-                          <img alt="Rolldown Bundler in Framer">
-                         </div>
-                        </div>
-                       </div>
-                       <div>
-                        <p>Sep 8, 2025</p>
-                       </div>
-                       <div>
-                        <p>Canvas</p>
-                       </div>
-                       <div>
-                        <p>rolldown</p>
-                       </div>
-                      </div>
-                     </div>
-                     <div data-framer-name="CMS / Row">
-                      <div>
-                       <div>
-                        <div data-framer-name="Graphic" aria-hidden="true"></div>
-                        <div>
-                         <p>Usage Monitoring</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Color">
-                        <div>
-                         <div>
-                          <img alt="Stagger">
-                         </div>
-                        </div>
-                       </div>
-                       <div>
-                        <p>Sep 5, 2025</p>
-                       </div>
-                       <div>
-                        <p>Canvas</p>
-                       </div>
-                       <div>
-                        <p>usage-monitoring</p>
-                       </div>
-                      </div>
-                     </div>
-                     <div data-framer-name="CMS / Row">
-                      <div>
-                       <div>
-                        <div data-framer-name="Graphic" aria-hidden="true"></div>
-                        <div>
-                         <p>September Update: Multi Select Pages and Assets</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Color">
-                        <div>
-                         <div>
-                          <img alt="Multi-Select for Pages and Assets">
-                         </div>
-                        </div>
-                       </div>
-                       <div>
-                        <p>Sep 4, 2025</p>
-                       </div>
-                       <div>
-                        <p>Canvas</p>
-                       </div>
-                       <div>
-                        <p>september-update-2025</p>
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                   </div>
-                  </div>
-                  <div data-framer-name="Updates Sidebar">
-                   <div data-framer-name="Overlay">
-                    <div>
-                     <div>
-                      <div>
-                       <img alt="Framer UI">
-                      </div>
-                     </div>
-                     <div>
-                      <div>
-                       <div>
-                        <p>Title</p>
-                       </div>
-                       <div>
-                        <div>
-                         <p>Stagger Effects</p>
-                        </div>
-                        <div></div>
-                       </div>
-                      </div>
-                      <div>
-                       <div>
-                        <p>Image</p>
-                       </div>
-                       <div>
-                        <div>
-                         <div>
-                          <img alt="Stagger">
-                         </div>
-                        </div>
-                        <div>
-                         <p>stagger-effects.jpg</p>
-                        </div>
-                       </div>
-                      </div>
-                      <div>
-                       <div>
-                        <p>Categories</p>
-                       </div>
-                       <div>
-                        <div>
-                         <div>
-                          <div>
-                           <p>Canvas</p>
-                          </div>
-                          <div aria-hidden="true"></div>
-                         </div>
-                        </div>
-                        <div>
-                         <div aria-hidden="true">
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                      </div>
-                      <div>
-                       <div>
-                        <p>Slug</p>
-                       </div>
-                       <div>
-                        <div>
-                         <p>stagger-effects</p>
-                        </div>
-                        <div></div>
-                       </div>
-                       <div>
-                        <div aria-hidden="true"></div>
-                        <div>
-                         <p>framer.com/updates/stagger-effects</p>
-                        </div>
-                       </div>
-                      </div>
-                      <div>
-                       <div>
-                        <p>Content</p>
-                       </div>
-                       <div data-framer-name="CMS/Rich Text Toolbar">
-                        <div data-framer-name="Style">
-                         <div>
-                          <span>
-                           <span>
-                            <span>Paragraph</span>
-                            <br>
-                           </span>
-                          </span>
-                         </div>
-                         <div data-framer-name="Caret" aria-hidden="true"></div>
-                        </div>
-                        <div>
-                         <div>
-                          <div data-framer-name="Link" aria-hidden="true"></div>
-                         </div>
-                         <div>
-                          <div data-framer-name="Blod" aria-hidden="true"></div>
-                         </div>
-                         <div>
-                          <div data-framer-name="Italic" aria-hidden="true"></div>
-                         </div>
-                         <div>
-                          <div aria-hidden="true"></div>
-                         </div>
-                         <div>
-                          <div data-framer-name="graphic" aria-hidden="true"></div>
-                         </div>
-                         <div>
-                          <div data-framer-name="graphic" aria-hidden="true"></div>
-                         </div>
-                         <div>
-                          <div data-framer-name="graphic" aria-hidden="true"></div>
-                         </div>
-                        </div>
-                        <div>
-                         <div>
-                          <div data-framer-name="graphic" aria-hidden="true"></div>
-                         </div>
-                         <div>
-                          <div data-framer-name="graphic" aria-hidden="true"></div>
-                         </div>
-                         <div>
-                          <div data-framer-name="graphic" aria-hidden="true"></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div>
-                        <div>
-                         <p>Introducing Stagger, a new property for Appear Effects in Framer. Stagger is now available on any layer within a Collection List, so it’s ideal for CMS-based layouts. You can find it within the Transition properties. Just like the Lightbox Effect before it, this lets you benefit from using the CMS in your designs, as you can now add sequenced animations with a single click. A simple editing experience for your content, with the flexibility to add motion. Available now in Framer.</p>
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                   </div>
                   </div>
                  </div>
                 </div>
                </div>
-               <div data-framer-name="Collaborate">
-                <div data-framer-name="Visual">
-                 <div data-framer-name="UI">
-                  <div data-framer-name="Content">
-                   <div data-framer-name="Top Bar">
-                    <div>
-                     <div>
-                      <p>Baseform®</p>
-                     </div>
-                     <div>
-                      <div>
-                       <div></div>
-                       <div></div>
-                      </div>
-                     </div>
-                    </div>
-                    <div>
-                     <div>
-                      <div>
-                       <p>Art Direction</p>
-                      </div>
-                      <div>
-                       <div>
-                        <div></div>
-                        <div></div>
-                       </div>
-                      </div>
-                     </div>
-                     <div>
-                      <div>
-                       <p>Visual Design</p>
-                      </div>
-                      <div>
-                       <div>
-                        <div></div>
-                        <div></div>
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                    <div>
-                     <div>
-                      <div>
-                       <p>Work,</p>
-                      </div>
-                      <div>
-                       <div>
-                        <div></div>
-                        <div></div>
-                       </div>
-                      </div>
-                     </div>
-                     <div>
-                      <div>
-                       <p>Archive,</p>
-                      </div>
-                      <div>
-                       <div>
-                        <div></div>
-                        <div></div>
-                       </div>
-                      </div>
-                     </div>
-                     <div>
-                      <div>
-                       <p>Profile,</p>
-                      </div>
-                      <div>
-                       <div>
-                        <div></div>
-                        <div></div>
-                       </div>
-                      </div>
-                     </div>
-                     <div>
-                      <div>
-                       <p>Journal</p>
-                      </div>
-                      <div>
-                       <div>
-                        <div></div>
-                        <div></div>
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                    <div>
-                     <div>
-                      <p>Let's Talk</p>
-                     </div>
-                     <div>
-                      <div>
-                       <div></div>
-                       <div></div>
-                      </div>
-                     </div>
-                    </div>
-                   </div>
-                   <div data-framer-name="Body">
-                    <div>
-                     <div data-framer-name="Header">
-                      <div>
-                       <div data-framer-name="Pause">
-                        <div>
-                         <span>
-                          <span>
-                           <span></span>
-                          </span>
-                         </span>
-                        </div>
-                       </div>
-                      </div>
-                      <div>
-                       <div>
-                        <div></div>
-                        <div></div>
-                       </div>
-                      </div>
-                     </div>
-                     <div data-framer-name="Images">
-                      <div>
-                       <div>
-                        <div>
-                         <h3>Latest News</h3>
-                        </div>
-                        <div>
-                         <div>
-                          <div></div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div>
-                        <div>
-                         <p>View All Posts</p>
-                        </div>
-                        <div>
-                         <p>→</p>
-                        </div>
-                        <div>
-                         <div>
-                          <div></div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                      </div>
-                      <div>
-                       <div>
-                        <div>
-                         <img alt="Photo">
-                        </div>
-                        <div>
-                         <div>
-                          <div></div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div>
-                        <div>
-                         <img alt="Photo">
-                        </div>
-                        <div>
-                         <div>
-                          <div></div>
-                          <div></div>
-                         </div>
-                        </div>
-                        <div></div>
-                       </div>
-                       <div>
-                        <div>
-                         <img alt="Photo">
-                        </div>
-                        <div>
-                         <div>
-                          <div></div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div>
-                        <div>
-                         <img alt="Photo">
-                        </div>
-                        <div>
-                         <div>
-                          <div></div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                   </div>
+              </div>
+             </div>
+             <div data-framer-name="CMS">
+              <div data-framer-name="Visual">
+               <div data-framer-name="UI">
+                <div data-framer-name="Topbar">
+                 <div data-framer-name="CMS Top Bar@2x">
+                  <div>
+                   <img alt="Framer UI">
                   </div>
                  </div>
-                 <div data-framer-name="Card">
-                  <div data-framer-name="Image">
+                 <div data-framer-name="Topbar Right@2x">
+                  <div>
+                   <img alt="">
+                  </div>
+                 </div>
+                </div>
+                <div data-framer-name="Editor">
+                 <div data-framer-name="CMS Sidebar">
+                  <div data-framer-name="CMS Sidebar@2x">
                    <div>
                     <img alt="Framer UI">
                    </div>
                   </div>
                  </div>
+                 <div data-framer-name="Center">
+                  <div data-framer-name="CMS / Header">
+                   <div>
+                    <div>
+                     <p>Title</p>
+                    </div>
+                    <div>
+                     <p>Image</p>
+                    </div>
+                    <div>
+                     <p>Date</p>
+                    </div>
+                    <div>
+                     <p>Category</p>
+                    </div>
+                    <div>
+                     <p>Slug</p>
+                    </div>
+                   </div>
+                  </div>
+                  <div data-framer-name="Search Row">
+                   <div data-framer-name="Search Icon" aria-hidden="true"></div>
+                   <div>
+                    <p>Search 153 items…</p>
+                   </div>
+                  </div>
+                  <div data-framer-name="Updates List">
+                   <div data-framer-name="CMS / Row">
+                    <div>
+                     <div>
+                      <div data-framer-name="Graphic" aria-hidden="true"></div>
+                      <div>
+                       <p>Free Custom Domains</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Color">
+                      <div>
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <div>
+                      <p>Jan 8, 2026</p>
+                     </div>
+                     <div>
+                      <p>Publishing</p>
+                     </div>
+                     <div>
+                      <p>free-custom-domains</p>
+                     </div>
+                    </div>
+                   </div>
+                   <div data-framer-name="CMS / Row">
+                    <div>
+                     <div>
+                      <div data-framer-name="Graphic" aria-hidden="true"></div>
+                      <div>
+                       <p>On-Page Editing 2.0</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Color">
+                      <div>
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <div>
+                      <p>Jan 8, 2026</p>
+                     </div>
+                     <div>
+                      <p>CMS</p>
+                     </div>
+                     <div>
+                      <p>on-page-editing-2.0</p>
+                     </div>
+                    </div>
+                   </div>
+                   <div data-framer-name="CMS / Row">
+                    <div>
+                     <div>
+                      <div data-framer-name="Graphic" aria-hidden="true"></div>
+                      <div>
+                       <p>Plugins 3.9: Collections</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Color">
+                      <div>
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <div>
+                      <p>Dec 18, 2025</p>
+                     </div>
+                     <div>
+                      <p>Plugins</p>
+                     </div>
+                     <div>
+                      <p>plugins-3-9</p>
+                     </div>
+                    </div>
+                   </div>
+                   <div data-framer-name="CMS / Row">
+                    <div>
+                     <div>
+                      <div data-framer-name="Graphic" aria-hidden="true"></div>
+                      <div>
+                       <p>Custom Code</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Color">
+                      <div>
+                       <div>
+                        <img alt="Custom Code">
+                       </div>
+                      </div>
+                     </div>
+                     <div>
+                      <p>Dec 15, 2025</p>
+                     </div>
+                     <div>
+                      <p>Publishing</p>
+                     </div>
+                     <div>
+                      <p>custom-code</p>
+                     </div>
+                    </div>
+                   </div>
+                   <div data-framer-name="CMS / Row">
+                    <div>
+                     <div>
+                      <div data-framer-name="Graphic" aria-hidden="true"></div>
+                      <div>
+                       <p>Flow Effect</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Color">
+                      <div>
+                       <div>
+                        <img alt="Flow Effect">
+                       </div>
+                      </div>
+                     </div>
+                     <div>
+                      <p>Dec 11, 2025</p>
+                     </div>
+                     <div>
+                      <p>Effects</p>
+                     </div>
+                     <div>
+                      <p>flow-effect</p>
+                     </div>
+                    </div>
+                   </div>
+                   <div data-framer-name="CMS / Row">
+                    <div>
+                     <div>
+                      <div data-framer-name="Graphic" aria-hidden="true"></div>
+                      <div>
+                       <p>Localized Page Paths</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Color">
+                      <div>
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <div>
+                      <p>Dec 11, 2025</p>
+                     </div>
+                     <div>
+                      <p>Localization</p>
+                     </div>
+                     <div>
+                      <p>localized-page-paths</p>
+                     </div>
+                    </div>
+                   </div>
+                   <div data-framer-name="CMS / Row">
+                    <div>
+                     <div>
+                      <div data-framer-name="Graphic" aria-hidden="true"></div>
+                      <div>
+                       <p>December Update: Squircle</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Color">
+                      <div>
+                       <div>
+                        <img alt="Squircle">
+                       </div>
+                      </div>
+                     </div>
+                     <div>
+                      <p>Dec 10, 2025</p>
+                     </div>
+                     <div>
+                      <p>Design</p>
+                     </div>
+                     <div>
+                      <p>december-update-2025</p>
+                     </div>
+                    </div>
+                   </div>
+                   <div data-framer-name="CMS / Row">
+                    <div>
+                     <div>
+                      <div data-framer-name="Graphic" aria-hidden="true"></div>
+                      <div>
+                       <p>Masonry Grids</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Color">
+                      <div>
+                       <div>
+                        <img alt="Masonry Grids">
+                       </div>
+                      </div>
+                     </div>
+                     <div>
+                      <p>Nov 27, 2025</p>
+                     </div>
+                     <div>
+                      <p>Design</p>
+                     </div>
+                     <div>
+                      <p>masonry</p>
+                     </div>
+                    </div>
+                   </div>
+                   <div data-framer-name="CMS / Row">
+                    <div>
+                     <div>
+                      <div data-framer-name="Graphic" aria-hidden="true"></div>
+                      <div>
+                       <p>Font Drop 16</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Color">
+                      <div>
+                       <div>
+                        <img alt="Font Drop 16">
+                       </div>
+                      </div>
+                     </div>
+                     <div>
+                      <p>Nov 21, 2025</p>
+                     </div>
+                     <div>
+                      <p>Design</p>
+                     </div>
+                     <div>
+                      <p>font-drop-16</p>
+                     </div>
+                    </div>
+                   </div>
+                   <div data-framer-name="CMS / Row">
+                    <div>
+                     <div>
+                      <div data-framer-name="Graphic" aria-hidden="true"></div>
+                      <div>
+                       <p>Ticker Effect</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Color">
+                      <div>
+                       <div>
+                        <img alt="Ticker FX">
+                       </div>
+                      </div>
+                     </div>
+                     <div>
+                      <p>Nov 13, 2025</p>
+                     </div>
+                     <div>
+                      <p>AI</p>
+                     </div>
+                     <div>
+                      <p>ticker-effect</p>
+                     </div>
+                    </div>
+                   </div>
+                  </div>
+                 </div>
                 </div>
-                <div data-framer-name="On Page Editing">
-                 <div data-framer-name="Text">
-                  <div data-framer-name="Text 1">
-                   <div>
-                    <p>Click to edit</p>
-                   </div>
-                   <div>
-                    <p>·</p>
-                   </div>
-                   <div>
-                    <p>Changes are auto-saved</p>
-                   </div>
-                  </div>
-                  <div data-framer-name="Text 2">
-                   <div>
-                    <p>Site saved</p>
-                   </div>
-                   <div>
-                    <p>·</p>
-                   </div>
-                   <div>
-                    <p>Collaborators are notified. Changes will be visible once the project is published.</p>
-                   </div>
-                  </div>
-                 </div>
-                 <div data-framer-name="Open in Framer">
+                <div data-framer-name="Updates Sidebar">
+                 <div data-framer-name="Overlay">
                   <div>
-                   <div data-framer-name="Framer Logo" aria-hidden="true">
-                    <div></div>
-                   </div>
-                  </div>
-                  <div>
-                   <p>Open in Framer</p>
-                  </div>
-                 </div>
-                 <div>
-                  <div data-framer-name="Finish Editing">
-                   <div data-framer-name="Check" aria-hidden="true"></div>
                    <div>
-                    <p>Finish Editing</p>
+                    <div>
+                     <img alt="Framer UI">
+                    </div>
+                   </div>
+                   <div>
+                    <div>
+                     <div>
+                      <p>Title</p>
+                     </div>
+                     <div>
+                      <div>
+                       <p>Free Custom Domains</p>
+                      </div>
+                      <div></div>
+                     </div>
+                    </div>
+                    <div>
+                     <div>
+                      <p>Image</p>
+                     </div>
+                     <div>
+                      <div>
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div>
+                       <p>free-custom-domains.jpg</p>
+                      </div>
+                     </div>
+                    </div>
+                    <div>
+                     <div>
+                      <p>Categories</p>
+                     </div>
+                     <div>
+                      <div>
+                       <div>
+                        <div>
+                         <p>Publishing</p>
+                        </div>
+                        <div aria-hidden="true"></div>
+                       </div>
+                      </div>
+                      <div>
+                       <div aria-hidden="true">
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                    </div>
+                    <div>
+                     <div>
+                      <p>Slug</p>
+                     </div>
+                     <div>
+                      <div>
+                       <p>free-custom-domains</p>
+                      </div>
+                      <div></div>
+                     </div>
+                     <div>
+                      <div aria-hidden="true"></div>
+                      <div>
+                       <p>framer.com/updates/free-custom-domains</p>
+                      </div>
+                     </div>
+                    </div>
+                    <div>
+                     <div>
+                      <p>Content</p>
+                     </div>
+                     <div data-framer-name="CMS/Rich Text Toolbar">
+                      <div data-framer-name="Style">
+                       <div>
+                        <span>
+                         <span>
+                          <span>Paragraph</span>
+                          <br>
+                         </span>
+                        </span>
+                       </div>
+                       <div data-framer-name="Caret" aria-hidden="true"></div>
+                      </div>
+                      <div>
+                       <div>
+                        <div data-framer-name="Link" aria-hidden="true"></div>
+                       </div>
+                       <div>
+                        <div data-framer-name="Blod" aria-hidden="true"></div>
+                       </div>
+                       <div>
+                        <div data-framer-name="Italic" aria-hidden="true"></div>
+                       </div>
+                       <div>
+                        <div aria-hidden="true"></div>
+                       </div>
+                       <div>
+                        <div data-framer-name="graphic" aria-hidden="true"></div>
+                       </div>
+                       <div>
+                        <div data-framer-name="graphic" aria-hidden="true"></div>
+                       </div>
+                       <div>
+                        <div data-framer-name="graphic" aria-hidden="true"></div>
+                       </div>
+                      </div>
+                      <div>
+                       <div>
+                        <div data-framer-name="graphic" aria-hidden="true"></div>
+                       </div>
+                       <div>
+                        <div data-framer-name="graphic" aria-hidden="true"></div>
+                       </div>
+                       <div>
+                        <div data-framer-name="graphic" aria-hidden="true"></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div>
+                      <div>
+                       <p>
+                        Today, we’re shipping an update where we offer a free custom domain for the first year when you upgrade your site to a yearly plan. We’ve partnered with
+                        <a href="https://www.hover.com/" target="_blank">Hover</a>
+                        to provide a seamless flow where you can select a free or discounted domain that will be automatically connected to your Framer site after purchase. To make use of this offer, upgrade your site to a yearly plan, then head over to the Domains tab in your project settings and select the “Claim a free custom domain” option.
+                       </p>
+                       <ul>
+                        <li>
+                         <p>This offer can be redeemed once per subscription</p>
+                        </li>
+                        <li>
+                         <p>This offer is available only for sites on a yearly plan</p>
+                        </li>
+                        <li>
+                         <p>Your domain will automatically renew at the standard rate</p>
+                        </li>
+                        <li>
+                         <p>Redeeming this offer forfeits the option to request a refund</p>
+                        </li>
+                        <li>
+                         <p>This offer is not valid in combination with a 100% discount code</p>
+                        </li>
+                        <li>
+                         <p>
+                          Your domain and its subscription will be managed through
+                          <a href="https://www.hover.com/" target="_blank">Hover</a>
+                         </p>
+                        </li>
+                       </ul>
+                      </div>
+                     </div>
+                    </div>
                    </div>
                   </div>
                  </div>
@@ -3067,11782 +2746,13654 @@ test('formatHtmlForPrompt', async () => {
                </div>
               </div>
              </div>
-             <div data-framer-name="Phone">
-              <div>
-               <div>
-                <article data-framer-name="AI">
-                 <div data-framer-name="Visual">
-                  <div data-framer-name="Image">
-                   <div>
-                    <img alt="">
-                   </div>
+             <div data-framer-name="Collaborate">
+              <div data-framer-name="Visual">
+               <div data-framer-name="UI">
+                <div data-framer-name="Top Bar">
+                 <div data-framer-name="Left">
+                  <div data-framer-name="Traffic Lights">
+                   <div></div>
                   </div>
                  </div>
-                 <div data-framer-name="Text">
+                 <div data-framer-name="Search Bar">
                   <div>
-                   <div>
-                    <h5>
-                     <a>AI</a>
-                    </h5>
-                   </div>
-                   <div>
-                    <p>Generate page layouts and advanced components in seconds with AI, so you can skip the blank canvas and start designing with confidence.</p>
-                   </div>
-                  </div>
-                  <div>
-                   <a data-framer-name="Small" href="./features/ai/">
-                    <div>
-                     <p>Learn more</p>
-                    </div>
-                    <div>
-                     <div></div>
-                    </div>
-                   </a>
+                   <p>baseform.framer.website</p>
                   </div>
                  </div>
-                </article>
-               </div>
-              </div>
-              <div>
-               <div>
-                <article data-framer-name="AI">
-                 <div data-framer-name="Visual">
-                  <div data-framer-name="Image">
-                   <div>
-                    <img alt="">
-                   </div>
-                  </div>
-                 </div>
-                 <div data-framer-name="Text">
-                  <div>
-                   <div>
-                    <h5>
-                     <a>AI</a>
-                    </h5>
-                   </div>
-                   <div>
-                    <p>Generate page layouts and advanced components in seconds with AI, so you can skip the blank canvas and start designing with confidence.</p>
-                   </div>
-                  </div>
-                  <div>
-                   <a data-framer-name="Small" href="./features/ai/">
-                    <div>
-                     <p>Learn more</p>
-                    </div>
-                    <div>
-                     <div></div>
-                    </div>
-                   </a>
-                  </div>
-                 </div>
-                </article>
-               </div>
-              </div>
-              <div>
-               <div>
-                <article data-framer-name="AI">
-                 <div data-framer-name="Visual">
-                  <div data-framer-name="Image">
-                   <div>
-                    <img alt="">
-                   </div>
-                  </div>
-                 </div>
-                 <div data-framer-name="Text">
-                  <div>
-                   <div>
-                    <h5>
-                     <a>AI</a>
-                    </h5>
-                   </div>
-                   <div>
-                    <p>Generate page layouts and advanced components in seconds with AI, so you can skip the blank canvas and start designing with confidence.</p>
-                   </div>
-                  </div>
-                  <div>
-                   <a data-framer-name="Small" href="./features/ai/">
-                    <div>
-                     <p>Learn more</p>
-                    </div>
-                    <div>
-                     <div></div>
-                    </div>
-                   </a>
-                  </div>
-                 </div>
-                </article>
-               </div>
-              </div>
-              <div>
-               <div>
-                <article data-framer-name="Design">
-                 <div data-framer-name="Visual">
-                  <div data-framer-name="Image">
-                   <div>
-                    <img alt="">
-                   </div>
-                  </div>
-                 </div>
-                 <div data-framer-name="Text">
-                  <div>
-                   <div>
-                    <h5>Design</h5>
-                   </div>
-                   <div>
-                    <p>Craft responsive layouts and bring them to life with smooth effects, interactions, and animations. Build exactly what you imagine, visually.</p>
-                   </div>
-                  </div>
-                  <div>
-                   <a data-framer-name="Small" href="./features/design/">
-                    <div>
-                     <p>Learn more</p>
-                    </div>
-                    <div>
-                     <div></div>
-                    </div>
-                   </a>
-                  </div>
-                 </div>
-                </article>
-               </div>
-              </div>
-              <div>
-               <div>
-                <article data-framer-name="Design">
-                 <div data-framer-name="Visual">
-                  <div data-framer-name="Image">
-                   <div>
-                    <img alt="">
-                   </div>
-                  </div>
-                 </div>
-                 <div data-framer-name="Text">
-                  <div>
-                   <div>
-                    <h5>Design</h5>
-                   </div>
-                   <div>
-                    <p>Craft responsive layouts and bring them to life with smooth effects, interactions, and animations. Build exactly what you imagine, visually.</p>
-                   </div>
-                  </div>
-                  <div>
-                   <a data-framer-name="Small" href="./features/design/">
-                    <div>
-                     <p>Learn more</p>
-                    </div>
-                    <div>
-                     <div></div>
-                    </div>
-                   </a>
-                  </div>
-                 </div>
-                </article>
-               </div>
-              </div>
-              <div>
-               <div>
-                <article data-framer-name="Design">
-                 <div data-framer-name="Visual">
-                  <div data-framer-name="Image">
-                   <div>
-                    <img alt="">
-                   </div>
-                  </div>
-                 </div>
-                 <div data-framer-name="Text">
-                  <div>
-                   <div>
-                    <h5>Design</h5>
-                   </div>
-                   <div>
-                    <p>Craft responsive layouts and bring them to life with smooth effects, interactions, and animations. Build exactly what you imagine, visually.</p>
-                   </div>
-                  </div>
-                  <div>
-                   <a data-framer-name="Small" href="./features/design/">
-                    <div>
-                     <p>Learn more</p>
-                    </div>
-                    <div>
-                     <div></div>
-                    </div>
-                   </a>
-                  </div>
-                 </div>
-                </article>
-               </div>
-              </div>
-              <div>
-               <div>
-                <article data-framer-name="CMS">
-                 <div data-framer-name="Visual">
-                  <div data-framer-name="Image">
-                   <div>
-                    <img alt="">
-                   </div>
-                  </div>
-                 </div>
-                 <div data-framer-name="Text">
-                  <div>
-                   <div>
-                    <h5>CMS</h5>
-                   </div>
-                   <div>
-                    <p>Manage and update your content effortlessly with a built-in CMS. Keep your site fresh without touching code.</p>
-                   </div>
-                  </div>
-                  <div>
-                   <a data-framer-name="Small" href="./features/scale/">
-                    <div>
-                     <p>Learn more</p>
-                    </div>
-                    <div>
-                     <div></div>
-                    </div>
-                   </a>
-                  </div>
-                 </div>
-                </article>
-               </div>
-              </div>
-              <div>
-               <div>
-                <article data-framer-name="CMS">
-                 <div data-framer-name="Visual">
-                  <div data-framer-name="Image">
-                   <div>
-                    <img alt="">
-                   </div>
-                  </div>
-                 </div>
-                 <div data-framer-name="Text">
-                  <div>
-                   <div>
-                    <h5>CMS</h5>
-                   </div>
-                   <div>
-                    <p>Manage and update your content effortlessly with a built-in CMS. Keep your site fresh without touching code.</p>
-                   </div>
-                  </div>
-                  <div>
-                   <a data-framer-name="Small" href="./features/scale/">
-                    <div>
-                     <p>Learn more</p>
-                    </div>
-                    <div>
-                     <div></div>
-                    </div>
-                   </a>
-                  </div>
-                 </div>
-                </article>
-               </div>
-              </div>
-              <div>
-               <div>
-                <article data-framer-name="CMS">
-                 <div data-framer-name="Visual">
-                  <div data-framer-name="Image">
-                   <div>
-                    <img alt="">
-                   </div>
-                  </div>
-                 </div>
-                 <div data-framer-name="Text">
-                  <div>
-                   <div>
-                    <h5>CMS</h5>
-                   </div>
-                   <div>
-                    <p>Manage and update your content effortlessly with a built-in CMS. Keep your site fresh without touching code.</p>
-                   </div>
-                  </div>
-                  <div>
-                   <a data-framer-name="Small" href="./features/scale/">
-                    <div>
-                     <p>Learn more</p>
-                    </div>
-                    <div>
-                     <div></div>
-                    </div>
-                   </a>
-                  </div>
-                 </div>
-                </article>
-               </div>
-              </div>
-              <div>
-               <div>
-                <article data-framer-name="Collaborate">
-                 <div data-framer-name="Visual">
-                  <div data-framer-name="Image">
-                   <div>
-                    <img alt="">
-                   </div>
-                  </div>
-                 </div>
-                 <div data-framer-name="Text">
-                  <div>
-                   <div>
-                    <h5>Collaborate</h5>
-                   </div>
-                   <div>
-                    <p>Whether you’re collaborating on the canvas or editing copy directly on the page, updates are seamless and handoff-free.</p>
-                   </div>
-                  </div>
-                  <div>
-                   <a data-framer-name="Small" href="./features/scale/">
-                    <div>
-                     <p>Learn more</p>
-                    </div>
-                    <div>
-                     <div></div>
-                    </div>
-                   </a>
-                  </div>
-                 </div>
-                </article>
-               </div>
-              </div>
-              <div>
-               <div>
-                <article data-framer-name="Collaborate">
-                 <div data-framer-name="Visual">
-                  <div data-framer-name="Image">
-                   <div>
-                    <img alt="">
-                   </div>
-                  </div>
-                 </div>
-                 <div data-framer-name="Text">
-                  <div>
-                   <div>
-                    <h5>Collaborate</h5>
-                   </div>
-                   <div>
-                    <p>Whether you’re collaborating on the canvas or editing copy directly on the page, updates are seamless and handoff-free.</p>
-                   </div>
-                  </div>
-                  <div>
-                   <a data-framer-name="Small" href="./features/scale/">
-                    <div>
-                     <p>Learn more</p>
-                    </div>
-                    <div>
-                     <div></div>
-                    </div>
-                   </a>
-                  </div>
-                 </div>
-                </article>
-               </div>
-              </div>
-              <div>
-               <div>
-                <article data-framer-name="Collaborate">
-                 <div data-framer-name="Visual">
-                  <div data-framer-name="Image">
-                   <div>
-                    <img alt="">
-                   </div>
-                  </div>
-                 </div>
-                 <div data-framer-name="Text">
-                  <div>
-                   <div>
-                    <h5>Collaborate</h5>
-                   </div>
-                   <div>
-                    <p>Whether you’re collaborating on the canvas or editing copy directly on the page, updates are seamless and handoff-free.</p>
-                   </div>
-                  </div>
-                  <div>
-                   <a data-framer-name="Small" href="./features/scale/">
-                    <div>
-                     <p>Learn more</p>
-                    </div>
-                    <div>
-                     <div></div>
-                    </div>
-                   </a>
-                  </div>
-                 </div>
-                </article>
-               </div>
-              </div>
-             </div>
-            </section>
-            <section data-framer-name="Scale">
-             <header data-framer-name="Header">
-              <div>
-               <h2>Scale without switching tools</h2>
-              </div>
-             </header>
-             <div data-framer-name="Features">
-              <div>
-               <div data-framer-name="Card">
-                <div>
-                 <img alt="3D render">
+                 <div data-framer-name="Spacer"></div>
                 </div>
-                <div data-framer-name="Header">
-                 <div data-framer-name="Text">
+                <div data-framer-name="Content">
+                 <div data-framer-name="Top Bar">
                   <div>
-                   <h6>Analytics &amp; insights</h6>
-                  </div>
-                  <div>
-                   <p>Track traffic, measure performance, and monitor conversions.</p>
-                  </div>
-                 </div>
-                 <div>
-                  <a data-framer-name="Default" href="./features/analytics/">
                    <div>
-                    <h3>Learn more</h3>
+                    <p>Baseform®</p>
                    </div>
                    <div>
-                    <div></div>
-                   </div>
-                  </a>
-                 </div>
-                </div>
-                <div data-framer-name="Visual">
-                 <div data-framer-name="Desktop">
-                  <div data-framer-name="UI">
-                   <div data-framer-name="Stats">
-                    <div data-framer-name="Content">
-                     <div>
-                      <p>September 26, 2025</p>
-                     </div>
+                    <div>
                      <div></div>
+                     <div></div>
+                    </div>
+                   </div>
+                  </div>
+                  <div>
+                   <div>
+                    <div>
+                     <p>Art Direction</p>
+                    </div>
+                    <div>
                      <div>
                       <div></div>
-                      <div>
-                       <p>Pageviews</p>
-                      </div>
-                      <div>
-                       <p>258,156</p>
-                      </div>
+                      <div></div>
                      </div>
+                    </div>
+                   </div>
+                   <div>
+                    <div>
+                     <p>Visual Design</p>
+                    </div>
+                    <div>
                      <div>
                       <div></div>
-                      <div>
-                       <p>Visitors</p>
-                      </div>
-                      <div>
-                       <p>85,458</p>
-                      </div>
+                      <div></div>
                      </div>
                     </div>
                    </div>
-                   <div data-framer-name="Modal">
-                    <div data-framer-name="Card">
-                     <div>
-                      <div>
-                       <div>
-                        <p>Overview</p>
-                       </div>
-                      </div>
-                     </div>
-                     <div>
-                      <div>
-                       <div>
-                        <div data-framer-name="Pulse">
-                         <div data-framer-name="Pulse"></div>
-                         <div data-framer-name="Dot"></div>
-                        </div>
-                        <div data-framer-name="Device Title">
-                         <p>Live Visitors</p>
-                        </div>
-                       </div>
-                       <div>
-                        <h6>400</h6>
-                       </div>
-                      </div>
-                      <div>
-                       <div data-framer-name="Device Title">
-                        <p>Unique Visitors</p>
-                       </div>
-                       <div>
-                        <h6>1.7M</h6>
-                       </div>
-                      </div>
-                      <div>
-                       <div data-framer-name="Device Title">
-                        <p>Total Pageviews</p>
-                       </div>
-                       <div>
-                        <h6>3.2M</h6>
-                       </div>
-                      </div>
-                     </div>
+                  </div>
+                  <div>
+                   <div>
+                    <div>
+                     <p>Work,</p>
                     </div>
                     <div>
-                     <div>
-                      <p>330k</p>
-                     </div>
-                     <div></div>
-                     <div>
-                      <div aria-hidden="true"></div>
-                     </div>
-                     <div>
-                      <div aria-hidden="true"></div>
-                     </div>
-                    </div>
-                    <div></div>
-                    <div>
-                     <div data-framer-name="Card">
-                      <div>
-                       <div>
-                        <div>
-                         <p>Sources</p>
-                        </div>
-                        <div data-framer-name="Segment Control">
-                         <div data-framer-name="Hide">
-                          <p>Referrer</p>
-                         </div>
-                         <div data-framer-name="Dropdown Icon" aria-hidden="true">
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                      </div>
-                      <div data-framer-name="Analytics Group 2">
-                       <div data-framer-name="Percentage Click"></div>
-                       <div>
-                        <div>
-                         <div data-framer-name="bar"></div>
-                         <div>
-                          <div data-framer-name="Graphic" aria-hidden="true">
-                           <div></div>
-                          </div>
-                         </div>
-                         <div>
-                          <p>google.com</p>
-                         </div>
-                         <div>
-                          <p>436K</p>
-                         </div>
-                        </div>
-                        <div>
-                         <div>
-                          <div aria-hidden="true"></div>
-                         </div>
-                         <div>
-                          <p>chatgpt.com</p>
-                         </div>
-                         <div>
-                          <p>189K</p>
-                         </div>
-                         <div data-framer-name="bar"></div>
-                        </div>
-                        <div>
-                         <div aria-hidden="true"></div>
-                         <div>
-                          <p>linkedin.com</p>
-                         </div>
-                         <div data-framer-name="bar"></div>
-                         <div>
-                          <p>96K</p>
-                         </div>
-                        </div>
-                        <div>
-                         <div>
-                          <div data-framer-name="Youtube-svgrepo-com" aria-hidden="true"></div>
-                          <div aria-hidden="true"></div>
-                         </div>
-                         <div>
-                          <p>youtube.com</p>
-                         </div>
-                         <div data-framer-name="bar"></div>
-                         <div>
-                          <p>82K</p>
-                         </div>
-                        </div>
-                        <div>
-                         <div>
-                          <div aria-hidden="true"></div>
-                         </div>
-                         <div>
-                          <p>bing.com</p>
-                         </div>
-                         <div>
-                          <p>71K</p>
-                         </div>
-                         <div data-framer-name="bar"></div>
-                        </div>
-                        <div>
-                         <div data-framer-name="graphic" aria-hidden="true"></div>
-                         <div>
-                          <p>x.com</p>
-                         </div>
-                         <div>
-                          <p>49K</p>
-                         </div>
-                         <div data-framer-name="bar"></div>
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                     <div data-framer-name="Card">
-                      <div>
-                       <div>
-                        <p>Pages</p>
-                       </div>
-                       <div data-framer-name="Segment Control">
-                        <div data-framer-name="Hide">
-                         <p>All</p>
-                        </div>
-                        <div data-framer-name="Dropdown Icon" aria-hidden="true">
-                         <div></div>
-                        </div>
-                       </div>
-                      </div>
-                      <div data-framer-name="pages-group">
-                       <div data-framer-name="Page">
-                        <div data-framer-name="icon-layer-home" aria-hidden="true"></div>
-                        <div>
-                         <p>Home</p>
-                        </div>
-                        <div>
-                         <p>1.8M</p>
-                        </div>
-                        <div data-framer-name="Bar"></div>
-                       </div>
-                       <div>
-                        <div data-framer-name="graphic" aria-hidden="true"></div>
-                        <div>
-                         <p>/pricing</p>
-                        </div>
-                        <div data-framer-name="bar"></div>
-                        <div>
-                         <p>156K</p>
-                        </div>
-                       </div>
-                       <div>
-                        <div data-framer-name="graphic" aria-hidden="true"></div>
-                        <div>
-                         <p>/gallery</p>
-                        </div>
-                        <div>
-                         <p>91K</p>
-                        </div>
-                        <div data-framer-name="bar"></div>
-                       </div>
-                       <div>
-                        <div data-framer-name="graphic" aria-hidden="true"></div>
-                        <div>
-                         <p>/updates</p>
-                        </div>
-                        <div>
-                         <p>44K</p>
-                        </div>
-                        <div data-framer-name="Bar"></div>
-                       </div>
-                       <div>
-                        <div data-framer-name="graphic" aria-hidden="true"></div>
-                        <div>
-                         <p>/features/design</p>
-                        </div>
-                        <div>
-                         <p>39K</p>
-                        </div>
-                        <div data-framer-name="Bar"></div>
-                       </div>
-                       <div>
-                        <div data-framer-name="Bar"></div>
-                        <div data-framer-name="graphic" aria-hidden="true"></div>
-                        <div>
-                         <p>/features/cms</p>
-                        </div>
-                        <div>
-                         <p>27K</p>
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                    <div></div>
-                   </div>
-                  </div>
-                 </div>
-                 <div data-framer-name="Phone">
-                  <div>
-                   <img alt="">
-                  </div>
-                 </div>
-                </div>
-                <div data-framer-name="Fade"></div>
-                <div data-framer-name="Border"></div>
-               </div>
-              </div>
-              <div>
-               <div data-framer-name="Card">
-                <div>
-                 <img alt="3D render">
-                </div>
-                <div data-framer-name="Header">
-                 <div data-framer-name="Text">
-                  <div>
-                   <h6>Analytics &amp; insights</h6>
-                  </div>
-                  <div>
-                   <p>Track traffic, measure performance, and monitor conversions.</p>
-                  </div>
-                 </div>
-                 <div>
-                  <a data-framer-name="Small" href="./features/analytics/">
-                   <div>
-                    <p>Learn more</p>
-                   </div>
-                   <div>
-                    <div></div>
-                   </div>
-                  </a>
-                 </div>
-                </div>
-                <div data-framer-name="Visual">
-                 <div data-framer-name="Desktop">
-                  <div data-framer-name="UI">
-                   <div data-framer-name="Stats">
-                    <div data-framer-name="Content">
-                     <div>
-                      <p>September 26, 2025</p>
-                     </div>
-                     <div></div>
                      <div>
                       <div></div>
-                      <div>
-                       <p>Pageviews</p>
-                      </div>
-                      <div>
-                       <p>258,156</p>
-                      </div>
+                      <div></div>
                      </div>
+                    </div>
+                   </div>
+                   <div>
+                    <div>
+                     <p>Archive,</p>
+                    </div>
+                    <div>
                      <div>
                       <div></div>
-                      <div>
-                       <p>Visitors</p>
-                      </div>
-                      <div>
-                       <p>85,458</p>
-                      </div>
+                      <div></div>
                      </div>
                     </div>
                    </div>
-                   <div data-framer-name="Modal">
-                    <div data-framer-name="Card">
-                     <div>
-                      <div>
-                       <div>
-                        <p>Overview</p>
-                       </div>
-                      </div>
-                     </div>
-                     <div>
-                      <div>
-                       <div>
-                        <div data-framer-name="Pulse">
-                         <div data-framer-name="Pulse"></div>
-                         <div data-framer-name="Dot"></div>
-                        </div>
-                        <div data-framer-name="Device Title">
-                         <p>Live Visitors</p>
-                        </div>
-                       </div>
-                       <div>
-                        <h6>400</h6>
-                       </div>
-                      </div>
-                      <div>
-                       <div data-framer-name="Device Title">
-                        <p>Unique Visitors</p>
-                       </div>
-                       <div>
-                        <h6>1.7M</h6>
-                       </div>
-                      </div>
-                      <div>
-                       <div data-framer-name="Device Title">
-                        <p>Total Pageviews</p>
-                       </div>
-                       <div>
-                        <h6>3.2M</h6>
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                    <div>
-                     <div>
-                      <p>330k</p>
-                     </div>
-                     <div></div>
-                     <div>
-                      <div aria-hidden="true"></div>
-                     </div>
-                     <div>
-                      <div aria-hidden="true"></div>
-                     </div>
-                    </div>
-                    <div></div>
-                    <div>
-                     <div data-framer-name="Card">
-                      <div>
-                       <div>
-                        <div>
-                         <p>Sources</p>
-                        </div>
-                        <div data-framer-name="Segment Control">
-                         <div data-framer-name="Hide">
-                          <p>Referrer</p>
-                         </div>
-                         <div data-framer-name="Dropdown Icon" aria-hidden="true">
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                      </div>
-                      <div data-framer-name="Analytics Group 2">
-                       <div data-framer-name="Percentage Click"></div>
-                       <div>
-                        <div>
-                         <div data-framer-name="bar"></div>
-                         <div>
-                          <div data-framer-name="Graphic" aria-hidden="true">
-                           <div></div>
-                          </div>
-                         </div>
-                         <div>
-                          <p>google.com</p>
-                         </div>
-                         <div>
-                          <p>436K</p>
-                         </div>
-                        </div>
-                        <div>
-                         <div>
-                          <div aria-hidden="true"></div>
-                         </div>
-                         <div>
-                          <p>chatgpt.com</p>
-                         </div>
-                         <div>
-                          <p>189K</p>
-                         </div>
-                         <div data-framer-name="bar"></div>
-                        </div>
-                        <div>
-                         <div aria-hidden="true"></div>
-                         <div>
-                          <p>linkedin.com</p>
-                         </div>
-                         <div data-framer-name="bar"></div>
-                         <div>
-                          <p>96K</p>
-                         </div>
-                        </div>
-                        <div>
-                         <div>
-                          <div data-framer-name="Youtube-svgrepo-com" aria-hidden="true"></div>
-                          <div aria-hidden="true"></div>
-                         </div>
-                         <div>
-                          <p>youtube.com</p>
-                         </div>
-                         <div data-framer-name="bar"></div>
-                         <div>
-                          <p>82K</p>
-                         </div>
-                        </div>
-                        <div>
-                         <div>
-                          <div aria-hidden="true"></div>
-                         </div>
-                         <div>
-                          <p>bing.com</p>
-                         </div>
-                         <div>
-                          <p>71K</p>
-                         </div>
-                         <div data-framer-name="bar"></div>
-                        </div>
-                        <div>
-                         <div data-framer-name="graphic" aria-hidden="true"></div>
-                         <div>
-                          <p>x.com</p>
-                         </div>
-                         <div>
-                          <p>49K</p>
-                         </div>
-                         <div data-framer-name="bar"></div>
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                     <div data-framer-name="Card">
-                      <div>
-                       <div>
-                        <p>Pages</p>
-                       </div>
-                       <div data-framer-name="Segment Control">
-                        <div data-framer-name="Hide">
-                         <p>All</p>
-                        </div>
-                        <div data-framer-name="Dropdown Icon" aria-hidden="true">
-                         <div></div>
-                        </div>
-                       </div>
-                      </div>
-                      <div data-framer-name="pages-group">
-                       <div data-framer-name="Page">
-                        <div data-framer-name="icon-layer-home" aria-hidden="true"></div>
-                        <div>
-                         <p>Home</p>
-                        </div>
-                        <div>
-                         <p>1.8M</p>
-                        </div>
-                        <div data-framer-name="Bar"></div>
-                       </div>
-                       <div>
-                        <div data-framer-name="graphic" aria-hidden="true"></div>
-                        <div>
-                         <p>/pricing</p>
-                        </div>
-                        <div data-framer-name="bar"></div>
-                        <div>
-                         <p>156K</p>
-                        </div>
-                       </div>
-                       <div>
-                        <div data-framer-name="graphic" aria-hidden="true"></div>
-                        <div>
-                         <p>/gallery</p>
-                        </div>
-                        <div>
-                         <p>91K</p>
-                        </div>
-                        <div data-framer-name="bar"></div>
-                       </div>
-                       <div>
-                        <div data-framer-name="graphic" aria-hidden="true"></div>
-                        <div>
-                         <p>/updates</p>
-                        </div>
-                        <div>
-                         <p>44K</p>
-                        </div>
-                        <div data-framer-name="Bar"></div>
-                       </div>
-                       <div>
-                        <div data-framer-name="graphic" aria-hidden="true"></div>
-                        <div>
-                         <p>/features/design</p>
-                        </div>
-                        <div>
-                         <p>39K</p>
-                        </div>
-                        <div data-framer-name="Bar"></div>
-                       </div>
-                       <div>
-                        <div data-framer-name="Bar"></div>
-                        <div data-framer-name="graphic" aria-hidden="true"></div>
-                        <div>
-                         <p>/features/cms</p>
-                        </div>
-                        <div>
-                         <p>27K</p>
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                    <div></div>
-                   </div>
-                  </div>
-                 </div>
-                 <div data-framer-name="Phone">
-                  <div>
-                   <img alt="">
-                  </div>
-                 </div>
-                </div>
-                <div data-framer-name="Fade"></div>
-                <div data-framer-name="Border"></div>
-               </div>
-              </div>
-              <div>
-               <div data-framer-name="Card">
-                <div>
-                 <img alt="3D render">
-                </div>
-                <div data-framer-name="Header">
-                 <div data-framer-name="Text">
-                  <div>
-                   <h6>Analytics &amp; insights</h6>
-                  </div>
-                  <div>
-                   <p>Track traffic, measure performance, and monitor conversions.</p>
-                  </div>
-                 </div>
-                 <div>
-                  <a data-framer-name="Default" href="./features/analytics/">
-                   <div>
-                    <h3>Learn more</h3>
-                   </div>
                    <div>
-                    <div></div>
-                   </div>
-                  </a>
-                 </div>
-                </div>
-                <div data-framer-name="Visual">
-                 <div data-framer-name="Desktop">
-                  <div data-framer-name="UI">
-                   <div data-framer-name="Stats">
-                    <div data-framer-name="Content">
-                     <div>
-                      <p>September 26, 2025</p>
-                     </div>
-                     <div></div>
+                    <div>
+                     <p>Profile,</p>
+                    </div>
+                    <div>
                      <div>
                       <div></div>
-                      <div>
-                       <p>Pageviews</p>
-                      </div>
-                      <div>
-                       <p>258,156</p>
-                      </div>
+                      <div></div>
                      </div>
+                    </div>
+                   </div>
+                   <div>
+                    <div>
+                     <p>Journal</p>
+                    </div>
+                    <div>
                      <div>
                       <div></div>
-                      <div>
-                       <p>Visitors</p>
-                      </div>
-                      <div>
-                       <p>85,458</p>
-                      </div>
+                      <div></div>
                      </div>
                     </div>
                    </div>
-                   <div data-framer-name="Modal">
-                    <div data-framer-name="Card">
-                     <div>
-                      <div>
-                       <div>
-                        <p>Overview</p>
-                       </div>
-                      </div>
-                     </div>
-                     <div>
-                      <div>
-                       <div>
-                        <div data-framer-name="Pulse">
-                         <div data-framer-name="Pulse"></div>
-                         <div data-framer-name="Dot"></div>
-                        </div>
-                        <div data-framer-name="Device Title">
-                         <p>Live Visitors</p>
-                        </div>
-                       </div>
-                       <div>
-                        <h6>400</h6>
-                       </div>
-                      </div>
-                      <div>
-                       <div data-framer-name="Device Title">
-                        <p>Unique Visitors</p>
-                       </div>
-                       <div>
-                        <h6>1.7M</h6>
-                       </div>
-                      </div>
-                      <div>
-                       <div data-framer-name="Device Title">
-                        <p>Total Pageviews</p>
-                       </div>
-                       <div>
-                        <h6>3.2M</h6>
-                       </div>
-                      </div>
-                     </div>
-                    </div>
+                  </div>
+                  <div>
+                   <div>
+                    <p>Let's Talk</p>
+                   </div>
+                   <div>
                     <div>
-                     <div>
-                      <p>330k</p>
-                     </div>
                      <div></div>
-                     <div>
-                      <div aria-hidden="true"></div>
-                     </div>
-                     <div>
-                      <div aria-hidden="true"></div>
-                     </div>
-                    </div>
-                    <div></div>
-                    <div>
-                     <div data-framer-name="Card">
-                      <div>
-                       <div>
-                        <div>
-                         <p>Sources</p>
-                        </div>
-                        <div data-framer-name="Segment Control">
-                         <div data-framer-name="Hide">
-                          <p>Referrer</p>
-                         </div>
-                         <div data-framer-name="Dropdown Icon" aria-hidden="true">
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                      </div>
-                      <div data-framer-name="Analytics Group 2">
-                       <div data-framer-name="Percentage Click"></div>
-                       <div>
-                        <div>
-                         <div data-framer-name="bar"></div>
-                         <div>
-                          <div data-framer-name="Graphic" aria-hidden="true">
-                           <div></div>
-                          </div>
-                         </div>
-                         <div>
-                          <p>google.com</p>
-                         </div>
-                         <div>
-                          <p>436K</p>
-                         </div>
-                        </div>
-                        <div>
-                         <div>
-                          <div aria-hidden="true"></div>
-                         </div>
-                         <div>
-                          <p>chatgpt.com</p>
-                         </div>
-                         <div>
-                          <p>189K</p>
-                         </div>
-                         <div data-framer-name="bar"></div>
-                        </div>
-                        <div>
-                         <div aria-hidden="true"></div>
-                         <div>
-                          <p>linkedin.com</p>
-                         </div>
-                         <div data-framer-name="bar"></div>
-                         <div>
-                          <p>96K</p>
-                         </div>
-                        </div>
-                        <div>
-                         <div>
-                          <div data-framer-name="Youtube-svgrepo-com" aria-hidden="true"></div>
-                          <div aria-hidden="true"></div>
-                         </div>
-                         <div>
-                          <p>youtube.com</p>
-                         </div>
-                         <div data-framer-name="bar"></div>
-                         <div>
-                          <p>82K</p>
-                         </div>
-                        </div>
-                        <div>
-                         <div>
-                          <div aria-hidden="true"></div>
-                         </div>
-                         <div>
-                          <p>bing.com</p>
-                         </div>
-                         <div>
-                          <p>71K</p>
-                         </div>
-                         <div data-framer-name="bar"></div>
-                        </div>
-                        <div>
-                         <div data-framer-name="graphic" aria-hidden="true"></div>
-                         <div>
-                          <p>x.com</p>
-                         </div>
-                         <div>
-                          <p>49K</p>
-                         </div>
-                         <div data-framer-name="bar"></div>
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                     <div data-framer-name="Card">
-                      <div>
-                       <div>
-                        <p>Pages</p>
-                       </div>
-                       <div data-framer-name="Segment Control">
-                        <div data-framer-name="Hide">
-                         <p>All</p>
-                        </div>
-                        <div data-framer-name="Dropdown Icon" aria-hidden="true">
-                         <div></div>
-                        </div>
-                       </div>
-                      </div>
-                      <div data-framer-name="pages-group">
-                       <div data-framer-name="Page">
-                        <div data-framer-name="icon-layer-home" aria-hidden="true"></div>
-                        <div>
-                         <p>Home</p>
-                        </div>
-                        <div>
-                         <p>1.8M</p>
-                        </div>
-                        <div data-framer-name="Bar"></div>
-                       </div>
-                       <div>
-                        <div data-framer-name="graphic" aria-hidden="true"></div>
-                        <div>
-                         <p>/pricing</p>
-                        </div>
-                        <div data-framer-name="bar"></div>
-                        <div>
-                         <p>156K</p>
-                        </div>
-                       </div>
-                       <div>
-                        <div data-framer-name="graphic" aria-hidden="true"></div>
-                        <div>
-                         <p>/gallery</p>
-                        </div>
-                        <div>
-                         <p>91K</p>
-                        </div>
-                        <div data-framer-name="bar"></div>
-                       </div>
-                       <div>
-                        <div data-framer-name="graphic" aria-hidden="true"></div>
-                        <div>
-                         <p>/updates</p>
-                        </div>
-                        <div>
-                         <p>44K</p>
-                        </div>
-                        <div data-framer-name="Bar"></div>
-                       </div>
-                       <div>
-                        <div data-framer-name="graphic" aria-hidden="true"></div>
-                        <div>
-                         <p>/features/design</p>
-                        </div>
-                        <div>
-                         <p>39K</p>
-                        </div>
-                        <div data-framer-name="Bar"></div>
-                       </div>
-                       <div>
-                        <div data-framer-name="Bar"></div>
-                        <div data-framer-name="graphic" aria-hidden="true"></div>
-                        <div>
-                         <p>/features/cms</p>
-                        </div>
-                        <div>
-                         <p>27K</p>
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                    <div></div>
-                   </div>
-                  </div>
-                 </div>
-                 <div data-framer-name="Phone">
-                  <div>
-                   <img alt="Framer UI">
-                  </div>
-                 </div>
-                </div>
-                <div data-framer-name="Fade"></div>
-                <div data-framer-name="Border"></div>
-               </div>
-              </div>
-              <div>
-               <div data-framer-name="Card">
-                <div>
-                 <img alt="3D render">
-                </div>
-                <div data-framer-name="Header">
-                 <div data-framer-name="Text">
-                  <div>
-                   <h6>A/B Testing &amp; optimization</h6>
-                  </div>
-                  <div>
-                   <p>A/B testing, funnels, and built-in growth insights.</p>
-                  </div>
-                 </div>
-                 <div>
-                  <a data-framer-name="Default" href="./features/analytics/">
-                   <div>
-                    <h3>Learn more</h3>
-                   </div>
-                   <div>
-                    <div></div>
-                   </div>
-                  </a>
-                 </div>
-                </div>
-                <div data-framer-name="Visual">
-                 <div data-framer-name="Desktop">
-                  <div>
-                   <div>
-                    <div data-framer-name="Topbar">
-                     <div data-framer-name="Topbar New@2x">
-                      <div>
-                       <img alt="">
-                      </div>
-                     </div>
-                    </div>
-                    <div>
-                     <div>
-                      <div>
-                       <div>
-                        <div>
-                         <div>
-                          <p>Pages</p>
-                         </div>
-                        </div>
-                        <div>
-                         <div>
-                          <p>Layers</p>
-                         </div>
-                        </div>
-                        <div></div>
-                        <div>
-                         <div>
-                          <p>Assets</p>
-                         </div>
-                        </div>
-                       </div>
-                      </div>
-                      <div>
-                       <div>
-                        <div>
-                         <p>Design</p>
-                        </div>
-                        <div aria-hidden="true">
-                         <div></div>
-                        </div>
-                       </div>
-                       <div>
-                        <div>
-                         <p>Pages</p>
-                        </div>
-                        <div aria-hidden="true">
-                         <div></div>
-                        </div>
-                       </div>
-                       <div>
-                        <div>
-                         <div aria-hidden="true"></div>
-                        </div>
-                        <div aria-hidden="true"></div>
-                        <div>
-                         <p>Home</p>
-                        </div>
-                       </div>
-                       <div>
-                        <div>
-                         <div>
-                          <div>
-                           <p>A</p>
-                          </div>
-                         </div>
-                         <div>
-                          <p>Control</p>
-                         </div>
-                        </div>
-                        <div>
-                         <div>
-                          <div>
-                           <p>B</p>
-                          </div>
-                         </div>
-                         <div>
-                          <p>Version B</p>
-                         </div>
-                        </div>
-                        <div>
-                         <div>
-                          <div>
-                           <p>C</p>
-                          </div>
-                         </div>
-                         <div>
-                          <p>Version C</p>
-                         </div>
-                        </div>
-                       </div>
-                       <div>
-                        <div>
-                         <div aria-hidden="true"></div>
-                         <div aria-hidden="true"></div>
-                         <div>
-                          <p>/pricing</p>
-                         </div>
-                         <div>
-                          <div>
-                           <div>
-                            <p>A</p>
-                           </div>
-                          </div>
-                          <div>
-                           <div>
-                            <p>B</p>
-                           </div>
-                          </div>
-                         </div>
-                        </div>
-                        <div>
-                         <div aria-hidden="true"></div>
-                         <div aria-hidden="true"></div>
-                         <div>
-                          <p>/features</p>
-                         </div>
-                        </div>
-                        <div>
-                         <div aria-hidden="true"></div>
-                         <div aria-hidden="true"></div>
-                         <div>
-                          <p>/blog</p>
-                         </div>
-                        </div>
-                        <div>
-                         <div aria-hidden="true"></div>
-                         <div aria-hidden="true"></div>
-                         <div>
-                          <p>/about</p>
-                         </div>
-                         <div></div>
-                        </div>
-                        <div>
-                         <div aria-hidden="true"></div>
-                         <div aria-hidden="true"></div>
-                         <div>
-                          <p>/404</p>
-                         </div>
-                         <div></div>
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                     <div>
-                      <div data-framer-name="Desktop">
-                       <div data-framer-name="Bar">
-                        <div data-framer-name="Play Button">
-                         <div data-framer-name="Play Icon" aria-hidden="true">
-                          <div></div>
-                         </div>
-                        </div>
-                        <div>
-                         <div data-framer-name="iPhone 12">
-                          <p>Desktop</p>
-                         </div>
-                         <div data-framer-name="iPhone 12">
-                          <p>·</p>
-                         </div>
-                         <div data-framer-name="iPhone 12">
-                          <p>1200</p>
-                         </div>
-                        </div>
-                        <div></div>
-                       </div>
-                       <div>
-                        <div data-framer-name="Page">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Framer website">
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                   </div>
-                   <div></div>
-                  </div>
-                 </div>
-                 <div data-framer-name="Phone">
-                  <div>
-                   <img alt="">
-                  </div>
-                 </div>
-                </div>
-                <div data-framer-name="Border"></div>
-               </div>
-              </div>
-              <div>
-               <div data-framer-name="Card">
-                <div>
-                 <img alt="3D render">
-                </div>
-                <div data-framer-name="Header">
-                 <div data-framer-name="Text">
-                  <div>
-                   <h6>A/B Testing &amp; optimization</h6>
-                  </div>
-                  <div>
-                   <p>A/B testing, funnels, and built-in growth insights.</p>
-                  </div>
-                 </div>
-                 <div>
-                  <a data-framer-name="Small" href="./features/analytics/">
-                   <div>
-                    <p>Learn more</p>
-                   </div>
-                   <div>
-                    <div></div>
-                   </div>
-                  </a>
-                 </div>
-                </div>
-                <div data-framer-name="Visual">
-                 <div data-framer-name="Desktop">
-                  <div>
-                   <div>
-                    <div data-framer-name="Topbar">
-                     <div data-framer-name="Topbar New@2x">
-                      <div>
-                       <img alt="">
-                      </div>
-                     </div>
-                    </div>
-                    <div>
-                     <div>
-                      <div>
-                       <div>
-                        <div>
-                         <div>
-                          <p>Pages</p>
-                         </div>
-                        </div>
-                        <div>
-                         <div>
-                          <p>Layers</p>
-                         </div>
-                        </div>
-                        <div></div>
-                        <div>
-                         <div>
-                          <p>Assets</p>
-                         </div>
-                        </div>
-                       </div>
-                      </div>
-                      <div>
-                       <div>
-                        <div>
-                         <p>Design</p>
-                        </div>
-                        <div aria-hidden="true">
-                         <div></div>
-                        </div>
-                       </div>
-                       <div>
-                        <div>
-                         <p>Pages</p>
-                        </div>
-                        <div aria-hidden="true">
-                         <div></div>
-                        </div>
-                       </div>
-                       <div>
-                        <div>
-                         <div aria-hidden="true"></div>
-                        </div>
-                        <div aria-hidden="true"></div>
-                        <div>
-                         <p>Home</p>
-                        </div>
-                       </div>
-                       <div>
-                        <div>
-                         <div>
-                          <div>
-                           <p>A</p>
-                          </div>
-                         </div>
-                         <div>
-                          <p>Control</p>
-                         </div>
-                        </div>
-                        <div>
-                         <div>
-                          <div>
-                           <p>B</p>
-                          </div>
-                         </div>
-                         <div>
-                          <p>Version B</p>
-                         </div>
-                        </div>
-                        <div>
-                         <div>
-                          <div>
-                           <p>C</p>
-                          </div>
-                         </div>
-                         <div>
-                          <p>Version C</p>
-                         </div>
-                        </div>
-                       </div>
-                       <div>
-                        <div>
-                         <div aria-hidden="true"></div>
-                         <div aria-hidden="true"></div>
-                         <div>
-                          <p>/pricing</p>
-                         </div>
-                         <div>
-                          <div>
-                           <div>
-                            <p>A</p>
-                           </div>
-                          </div>
-                          <div>
-                           <div>
-                            <p>B</p>
-                           </div>
-                          </div>
-                         </div>
-                        </div>
-                        <div>
-                         <div aria-hidden="true"></div>
-                         <div aria-hidden="true"></div>
-                         <div>
-                          <p>/features</p>
-                         </div>
-                        </div>
-                        <div>
-                         <div aria-hidden="true"></div>
-                         <div aria-hidden="true"></div>
-                         <div>
-                          <p>/blog</p>
-                         </div>
-                        </div>
-                        <div>
-                         <div aria-hidden="true"></div>
-                         <div aria-hidden="true"></div>
-                         <div>
-                          <p>/about</p>
-                         </div>
-                         <div></div>
-                        </div>
-                        <div>
-                         <div aria-hidden="true"></div>
-                         <div aria-hidden="true"></div>
-                         <div>
-                          <p>/404</p>
-                         </div>
-                         <div></div>
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                     <div>
-                      <div data-framer-name="Desktop">
-                       <div data-framer-name="Bar">
-                        <div data-framer-name="Play Button">
-                         <div data-framer-name="Play Icon" aria-hidden="true">
-                          <div></div>
-                         </div>
-                        </div>
-                        <div>
-                         <div data-framer-name="iPhone 12">
-                          <p>Desktop</p>
-                         </div>
-                         <div data-framer-name="iPhone 12">
-                          <p>·</p>
-                         </div>
-                         <div data-framer-name="iPhone 12">
-                          <p>1200</p>
-                         </div>
-                        </div>
-                        <div></div>
-                       </div>
-                       <div>
-                        <div data-framer-name="Page">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Framer website">
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                   </div>
-                   <div></div>
-                  </div>
-                 </div>
-                 <div data-framer-name="Phone">
-                  <div>
-                   <img alt="">
-                  </div>
-                 </div>
-                </div>
-                <div data-framer-name="Border"></div>
-               </div>
-              </div>
-              <div>
-               <div data-framer-name="Card">
-                <div>
-                 <img alt="3D render">
-                </div>
-                <div data-framer-name="Header">
-                 <div data-framer-name="Text">
-                  <div>
-                   <h6>A/B Testing &amp; optimization</h6>
-                  </div>
-                  <div>
-                   <p>A/B testing, funnels, and built-in growth insights.</p>
-                  </div>
-                 </div>
-                 <div>
-                  <a data-framer-name="Default" href="./features/analytics/">
-                   <div>
-                    <h3>Learn more</h3>
-                   </div>
-                   <div>
-                    <div></div>
-                   </div>
-                  </a>
-                 </div>
-                </div>
-                <div data-framer-name="Visual">
-                 <div data-framer-name="Desktop">
-                  <div>
-                   <div>
-                    <div data-framer-name="Topbar">
-                     <div data-framer-name="Topbar New@2x">
-                      <div>
-                       <img alt="">
-                      </div>
-                     </div>
-                    </div>
-                    <div>
-                     <div>
-                      <div>
-                       <div>
-                        <div>
-                         <div>
-                          <p>Pages</p>
-                         </div>
-                        </div>
-                        <div>
-                         <div>
-                          <p>Layers</p>
-                         </div>
-                        </div>
-                        <div></div>
-                        <div>
-                         <div>
-                          <p>Assets</p>
-                         </div>
-                        </div>
-                       </div>
-                      </div>
-                      <div>
-                       <div>
-                        <div>
-                         <p>Design</p>
-                        </div>
-                        <div aria-hidden="true">
-                         <div></div>
-                        </div>
-                       </div>
-                       <div>
-                        <div>
-                         <p>Pages</p>
-                        </div>
-                        <div aria-hidden="true">
-                         <div></div>
-                        </div>
-                       </div>
-                       <div>
-                        <div>
-                         <div aria-hidden="true"></div>
-                        </div>
-                        <div aria-hidden="true"></div>
-                        <div>
-                         <p>Home</p>
-                        </div>
-                       </div>
-                       <div>
-                        <div>
-                         <div>
-                          <div>
-                           <p>A</p>
-                          </div>
-                         </div>
-                         <div>
-                          <p>Control</p>
-                         </div>
-                        </div>
-                        <div>
-                         <div>
-                          <div>
-                           <p>B</p>
-                          </div>
-                         </div>
-                         <div>
-                          <p>Version B</p>
-                         </div>
-                        </div>
-                        <div>
-                         <div>
-                          <div>
-                           <p>C</p>
-                          </div>
-                         </div>
-                         <div>
-                          <p>Version C</p>
-                         </div>
-                        </div>
-                       </div>
-                       <div>
-                        <div>
-                         <div aria-hidden="true"></div>
-                         <div aria-hidden="true"></div>
-                         <div>
-                          <p>/pricing</p>
-                         </div>
-                         <div>
-                          <div>
-                           <div>
-                            <p>A</p>
-                           </div>
-                          </div>
-                          <div>
-                           <div>
-                            <p>B</p>
-                           </div>
-                          </div>
-                         </div>
-                        </div>
-                        <div>
-                         <div aria-hidden="true"></div>
-                         <div aria-hidden="true"></div>
-                         <div>
-                          <p>/features</p>
-                         </div>
-                        </div>
-                        <div>
-                         <div aria-hidden="true"></div>
-                         <div aria-hidden="true"></div>
-                         <div>
-                          <p>/blog</p>
-                         </div>
-                        </div>
-                        <div>
-                         <div aria-hidden="true"></div>
-                         <div aria-hidden="true"></div>
-                         <div>
-                          <p>/about</p>
-                         </div>
-                         <div></div>
-                        </div>
-                        <div>
-                         <div aria-hidden="true"></div>
-                         <div aria-hidden="true"></div>
-                         <div>
-                          <p>/404</p>
-                         </div>
-                         <div></div>
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                     <div>
-                      <div data-framer-name="Desktop">
-                       <div data-framer-name="Bar">
-                        <div data-framer-name="Play Button">
-                         <div data-framer-name="Play Icon" aria-hidden="true">
-                          <div></div>
-                         </div>
-                        </div>
-                        <div>
-                         <div data-framer-name="iPhone 12">
-                          <p>Desktop</p>
-                         </div>
-                         <div data-framer-name="iPhone 12">
-                          <p>·</p>
-                         </div>
-                         <div data-framer-name="iPhone 12">
-                          <p>1200</p>
-                         </div>
-                        </div>
-                        <div></div>
-                       </div>
-                       <div>
-                        <div data-framer-name="Page">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Framer website">
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                    </div>
-                   </div>
-                   <div></div>
-                  </div>
-                 </div>
-                 <div data-framer-name="Phone">
-                  <div>
-                   <img alt="Framer UI">
-                  </div>
-                 </div>
-                </div>
-                <div data-framer-name="Border"></div>
-               </div>
-              </div>
-              <div>
-               <div data-framer-name="Card">
-                <div>
-                 <img alt="3D render">
-                </div>
-                <div data-framer-name="Header">
-                 <div data-framer-name="Text">
-                  <div>
-                   <h6>SEO &amp; performance</h6>
-                  </div>
-                  <div>
-                   <p>Optimize every page with built-in SEO settings, metadata, and blazing-fast hosting.</p>
-                  </div>
-                 </div>
-                 <div>
-                  <a data-framer-name="Default" href="./features/scale/">
-                   <div>
-                    <h3>Learn more</h3>
-                   </div>
-                   <div>
-                    <div></div>
-                   </div>
-                  </a>
-                 </div>
-                </div>
-                <div></div>
-                <div data-framer-name="Visual">
-                 <div data-framer-name="Desktop">
-                  <div data-framer-name="Publish">
-                   <div>
-                    <div data-framer-name="logo_google_svgrepo_com" aria-hidden="true">
                      <div></div>
                     </div>
-                    <div>
-                     <p>Google Lighthouse</p>
-                    </div>
-                   </div>
-                   <div>
-                    <div>
-                     <div>
-                      <div data-framer-name="Variant 1">
-                       <div data-framer-name="Progress Glow">
-                        <div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div>
-                        <div>
-                         <div></div>
-                        </div>
-                       </div>
-                       <div>
-                        <div>
-                         <div>
-                          <div>0</div>
-                         </div>
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                     <div>
-                      <p>SEO</p>
-                     </div>
-                    </div>
-                    <div>
-                     <div>
-                      <div data-framer-name="Variant 1">
-                       <div data-framer-name="Progress Glow">
-                        <div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div>
-                        <div>
-                         <div></div>
-                        </div>
-                       </div>
-                       <div>
-                        <div>
-                         <div>
-                          <div>0</div>
-                         </div>
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                     <div>
-                      <p>Performance</p>
-                     </div>
-                    </div>
-                    <div>
-                     <div>
-                      <div data-framer-name="Variant 1">
-                       <div data-framer-name="Progress Glow">
-                        <div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div>
-                        <div>
-                         <div></div>
-                        </div>
-                       </div>
-                       <div>
-                        <div>
-                         <div>
-                          <div>0</div>
-                         </div>
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                     <div>
-                      <p>Accessibility</p>
-                     </div>
-                    </div>
                    </div>
                   </div>
                  </div>
-                 <div data-framer-name="Phone">
+                 <div data-framer-name="Body">
                   <div>
-                   <img alt="">
+                   <div data-framer-name="Header">
+                    <div>
+                     <div data-framer-name="Pause">
+                      <div>
+                       <span>
+                        <span>
+                         <span></span>
+                        </span>
+                       </span>
+                      </div>
+                     </div>
+                    </div>
+                    <div>
+                     <div>
+                      <div></div>
+                      <div></div>
+                     </div>
+                    </div>
+                   </div>
+                   <div data-framer-name="Images">
+                    <div>
+                     <div>
+                      <div>
+                       <h3>Latest News</h3>
+                      </div>
+                      <div>
+                       <div>
+                        <div></div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div>
+                      <div>
+                       <p>View All Posts</p>
+                      </div>
+                      <div>
+                       <p>→</p>
+                      </div>
+                      <div>
+                       <div>
+                        <div></div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                    </div>
+                    <div>
+                     <div>
+                      <div>
+                       <img alt="Photo">
+                      </div>
+                      <div>
+                       <div>
+                        <div></div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div>
+                      <div>
+                       <img alt="Photo">
+                      </div>
+                      <div>
+                       <div>
+                        <div></div>
+                        <div></div>
+                       </div>
+                      </div>
+                      <div></div>
+                     </div>
+                     <div>
+                      <div>
+                       <img alt="Photo">
+                      </div>
+                      <div>
+                       <div>
+                        <div></div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div>
+                      <div>
+                       <img alt="Photo">
+                      </div>
+                      <div>
+                       <div>
+                        <div></div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                    </div>
+                   </div>
                   </div>
                  </div>
                 </div>
-                <div data-framer-name="Border"></div>
                </div>
-              </div>
-              <div>
                <div data-framer-name="Card">
-                <div>
-                 <img alt="3D render">
-                </div>
-                <div data-framer-name="Header">
-                 <div data-framer-name="Text">
-                  <div>
-                   <h6>SEO &amp; performance</h6>
-                  </div>
-                  <div>
-                   <p>Optimize every page with built-in SEO settings, metadata, and blazing-fast hosting.</p>
-                  </div>
-                 </div>
+                <div data-framer-name="Image">
                  <div>
-                  <a data-framer-name="Small" href="./features/scale/">
-                   <div>
-                    <p>Learn more</p>
-                   </div>
-                   <div>
-                    <div></div>
-                   </div>
-                  </a>
+                  <img alt="Framer UI">
                  </div>
                 </div>
-                <div></div>
-                <div data-framer-name="Visual">
-                 <div data-framer-name="Desktop">
-                  <div data-framer-name="Publish">
-                   <div>
-                    <div data-framer-name="logo_google_svgrepo_com" aria-hidden="true">
-                     <div></div>
-                    </div>
-                    <div>
-                     <p>Google Lighthouse</p>
-                    </div>
-                   </div>
-                   <div>
-                    <div>
-                     <div>
-                      <div data-framer-name="Variant 1">
-                       <div data-framer-name="Progress Glow">
-                        <div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div>
-                        <div>
-                         <div></div>
-                        </div>
-                       </div>
-                       <div>
-                        <div>
-                         <div>
-                          <div>0</div>
-                         </div>
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                     <div>
-                      <p>SEO</p>
-                     </div>
-                    </div>
-                    <div>
-                     <div>
-                      <div data-framer-name="Variant 1">
-                       <div data-framer-name="Progress Glow">
-                        <div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div>
-                        <div>
-                         <div></div>
-                        </div>
-                       </div>
-                       <div>
-                        <div>
-                         <div>
-                          <div>0</div>
-                         </div>
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                     <div>
-                      <p>Performance</p>
-                     </div>
-                    </div>
-                    <div>
-                     <div>
-                      <div data-framer-name="Variant 1">
-                       <div data-framer-name="Progress Glow">
-                        <div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div>
-                        <div>
-                         <div></div>
-                        </div>
-                       </div>
-                       <div>
-                        <div>
-                         <div>
-                          <div>0</div>
-                         </div>
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                     <div>
-                      <p>Accessibility</p>
-                     </div>
-                    </div>
-                   </div>
-                  </div>
-                 </div>
-                 <div data-framer-name="Phone">
-                  <div>
-                   <img alt="">
-                  </div>
-                 </div>
-                </div>
-                <div data-framer-name="Border"></div>
                </div>
               </div>
-              <div>
-               <div data-framer-name="Card">
-                <div>
-                 <img alt="3D render">
-                </div>
-                <div data-framer-name="Header">
-                 <div data-framer-name="Text">
-                  <div>
-                   <h6>SEO &amp; performance</h6>
-                  </div>
-                  <div>
-                   <p>Optimize every page with built-in SEO settings, metadata, and blazing-fast hosting.</p>
-                  </div>
+              <div data-framer-name="On Page Editing">
+               <div data-framer-name="Text">
+                <div data-framer-name="Text 1">
+                 <div>
+                  <p>Click to edit</p>
                  </div>
                  <div>
-                  <a data-framer-name="Default" href="./features/scale/">
-                   <div>
-                    <h3>Learn more</h3>
-                   </div>
-                   <div>
-                    <div></div>
-                   </div>
-                  </a>
+                  <p>·</p>
+                 </div>
+                 <div>
+                  <p>Changes are auto-saved</p>
                  </div>
                 </div>
-                <div></div>
-                <div data-framer-name="Visual">
-                 <div data-framer-name="Desktop">
-                  <div data-framer-name="Publish">
-                   <div>
-                    <div data-framer-name="logo_google_svgrepo_com" aria-hidden="true">
-                     <div></div>
-                    </div>
-                    <div>
-                     <p>Google Lighthouse</p>
-                    </div>
-                   </div>
-                   <div>
-                    <div>
-                     <div>
-                      <div data-framer-name="Variant 1">
-                       <div data-framer-name="Progress Glow">
-                        <div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div>
-                        <div>
-                         <div></div>
-                        </div>
-                       </div>
-                       <div>
-                        <div>
-                         <div>
-                          <div>0</div>
-                         </div>
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                     <div>
-                      <p>SEO</p>
-                     </div>
-                    </div>
-                    <div>
-                     <div>
-                      <div data-framer-name="Variant 1">
-                       <div data-framer-name="Progress Glow">
-                        <div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div>
-                        <div>
-                         <div></div>
-                        </div>
-                       </div>
-                       <div>
-                        <div>
-                         <div>
-                          <div>0</div>
-                         </div>
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                     <div>
-                      <p>Performance</p>
-                     </div>
-                    </div>
-                    <div>
-                     <div>
-                      <div data-framer-name="Variant 1">
-                       <div data-framer-name="Progress Glow">
-                        <div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div>
-                        <div>
-                         <div></div>
-                        </div>
-                       </div>
-                       <div>
-                        <div>
-                         <div>
-                          <div>0</div>
-                         </div>
-                        </div>
-                       </div>
-                      </div>
-                     </div>
-                     <div>
-                      <p>Accessibility</p>
-                     </div>
-                    </div>
-                   </div>
-                  </div>
+                <div data-framer-name="Text 2">
+                 <div>
+                  <p>Site saved</p>
                  </div>
-                 <div data-framer-name="Phone">
-                  <div>
-                   <img alt="Lighthouse score">
-                  </div>
+                 <div>
+                  <p>·</p>
+                 </div>
+                 <div>
+                  <p>Collaborators are notified. Changes will be visible once the project is published.</p>
                  </div>
                 </div>
-                <div data-framer-name="Border"></div>
                </div>
-              </div>
-             </div>
-            </section>
-            <div data-framer-name="Stories">
-             <header data-framer-name="Header">
-              <div>
-               <h2>Powering ambitious teams worldwide</h2>
-              </div>
-             </header>
-             <div aria-label="Customer Stories" data-framer-name="Sites">
-              <div data-framer-name="Slideshow Desktop" name="Slideshow Desktop">
-               <section>
+               <div data-framer-name="Open in Framer">
                 <div>
-                 <ul>
-                  <li aria-hidden="false">
-                   <div data-framer-name="Perplexity">
-                    <div>
-                     <a data-framer-name="Desktop" href="./stories/perplexity/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Perplexity logo">
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“Framer gives us everything we need to move fast. We don’t wait on dev. We don’t compromise on design.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Avatar">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Henry Modisett</p>
-                          </div>
-                          <div>
-                           <p>Head of Design at Perplexity</p>
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                      <div data-framer-name="Right">
-                       <div>
-                        <div data-framer-name="Pause">
-                         <div>
-                          <img alt="Perplexity website">
-                         </div>
-                         <div>
-                          <video></video>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Image">
-                        <div>
-                         <img alt="Background">
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="false">
-                   <div data-framer-name="Visual Electric">
-                    <div>
-                     <a data-framer-name="Desktop" href="./stories/visual-electric/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="">
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“Launching on Framer was seamless. Live in no time, no friction.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Colin Dunn</p>
-                          </div>
-                          <div>
-                           <p>Co-Founder at Visual Electric</p>
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                      <div data-framer-name="Right">
-                       <div>
-                        <div data-framer-name="Pause">
-                         <div>
-                          <img alt="Visual Electric website">
-                         </div>
-                         <div>
-                          <video></video>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Image">
-                        <div>
-                         <img alt="">
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="false">
-                   <div data-framer-name="Biograph">
-                    <div>
-                     <a data-framer-name="Desktop" href="./stories/biograph/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Biograph logo">
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“Framer gave us full creative freedom. No code limits, no handoffs. We shipped an immersive brand site in days.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Avatar">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Adam Jiwa</p>
-                          </div>
-                          <div>
-                           <p>Partnerships at Metalab</p>
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                      <div data-framer-name="Right">
-                       <div>
-                        <div data-framer-name="Pause">
-                         <div>
-                          <img alt="Biograph website">
-                         </div>
-                         <div>
-                          <video></video>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Image">
-                        <div>
-                         <img alt="Background">
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="false">
-                   <div data-framer-name="Cradle">
-                    <div>
-                     <a data-framer-name="Desktop" href="./stories/cradle/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Cradle logo">
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“With Framer, our designers can ship updates daily. No dev handoff. No staging hassle.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Avatar">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Jelle Prins</p>
-                          </div>
-                          <div>
-                           <p>Co-Founder at Cradle</p>
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                      <div data-framer-name="Right">
-                       <div>
-                        <div data-framer-name="Pause">
-                         <div>
-                          <img alt="Cradle website">
-                         </div>
-                         <div>
-                          <video></video>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Image">
-                        <div>
-                         <img alt="Background">
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="false">
-                   <div data-framer-name="Miro">
-                    <div>
-                     <a data-framer-name="Desktop" href="./stories/miro/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Miro logo">
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“Framer allowed us to ship high-performing, beautifully designed pages at record speed, all while keeping design control in-house.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Avatar">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Radoslav Bali</p>
-                          </div>
-                          <div>
-                           <p>Design Lead at Miro</p>
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                      <div data-framer-name="Right">
-                       <div>
-                        <div data-framer-name="Pause">
-                         <div>
-                          <img alt="Miro website">
-                         </div>
-                         <div>
-                          <video></video>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Image">
-                        <div>
-                         <img alt="Background">
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Perplexity">
-                    <div>
-                     <a data-framer-name="Desktop" href="./stories/perplexity/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Perplexity logo">
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“Framer gives us everything we need to move fast. We don’t wait on dev. We don’t compromise on design.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Avatar">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Henry Modisett</p>
-                          </div>
-                          <div>
-                           <p>Head of Design at Perplexity</p>
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                      <div data-framer-name="Right">
-                       <div>
-                        <div data-framer-name="Pause">
-                         <div>
-                          <img alt="Perplexity website">
-                         </div>
-                         <div>
-                          <video></video>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Image">
-                        <div>
-                         <img alt="Background">
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Visual Electric">
-                    <div>
-                     <a data-framer-name="Desktop" href="./stories/visual-electric/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="">
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“Launching on Framer was seamless. Live in no time, no friction.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Colin Dunn</p>
-                          </div>
-                          <div>
-                           <p>Co-Founder at Visual Electric</p>
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                      <div data-framer-name="Right">
-                       <div>
-                        <div data-framer-name="Pause">
-                         <div>
-                          <img alt="Visual Electric website">
-                         </div>
-                         <div>
-                          <video></video>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Image">
-                        <div>
-                         <img alt="">
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Biograph">
-                    <div>
-                     <a data-framer-name="Desktop" href="./stories/biograph/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Biograph logo">
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“Framer gave us full creative freedom. No code limits, no handoffs. We shipped an immersive brand site in days.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Avatar">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Adam Jiwa</p>
-                          </div>
-                          <div>
-                           <p>Partnerships at Metalab</p>
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                      <div data-framer-name="Right">
-                       <div>
-                        <div data-framer-name="Pause">
-                         <div>
-                          <img alt="Biograph website">
-                         </div>
-                         <div>
-                          <video></video>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Image">
-                        <div>
-                         <img alt="Background">
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Cradle">
-                    <div>
-                     <a data-framer-name="Desktop" href="./stories/cradle/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Cradle logo">
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“With Framer, our designers can ship updates daily. No dev handoff. No staging hassle.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Avatar">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Jelle Prins</p>
-                          </div>
-                          <div>
-                           <p>Co-Founder at Cradle</p>
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                      <div data-framer-name="Right">
-                       <div>
-                        <div data-framer-name="Pause">
-                         <div>
-                          <img alt="Cradle website">
-                         </div>
-                         <div>
-                          <video></video>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Image">
-                        <div>
-                         <img alt="Background">
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Miro">
-                    <div>
-                     <a data-framer-name="Desktop" href="./stories/miro/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Miro logo">
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“Framer allowed us to ship high-performing, beautifully designed pages at record speed, all while keeping design control in-house.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Avatar">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Radoslav Bali</p>
-                          </div>
-                          <div>
-                           <p>Design Lead at Miro</p>
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                      <div data-framer-name="Right">
-                       <div>
-                        <div data-framer-name="Pause">
-                         <div>
-                          <img alt="Miro website">
-                         </div>
-                         <div>
-                          <video></video>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Image">
-                        <div>
-                         <img alt="Background">
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Perplexity">
-                    <div>
-                     <a data-framer-name="Desktop" href="./stories/perplexity/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Perplexity logo">
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“Framer gives us everything we need to move fast. We don’t wait on dev. We don’t compromise on design.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Avatar">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Henry Modisett</p>
-                          </div>
-                          <div>
-                           <p>Head of Design at Perplexity</p>
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                      <div data-framer-name="Right">
-                       <div>
-                        <div data-framer-name="Pause">
-                         <div>
-                          <img alt="Perplexity website">
-                         </div>
-                         <div>
-                          <video></video>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Image">
-                        <div>
-                         <img alt="Background">
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Visual Electric">
-                    <div>
-                     <a data-framer-name="Desktop" href="./stories/visual-electric/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="">
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“Launching on Framer was seamless. Live in no time, no friction.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Colin Dunn</p>
-                          </div>
-                          <div>
-                           <p>Co-Founder at Visual Electric</p>
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                      <div data-framer-name="Right">
-                       <div>
-                        <div data-framer-name="Pause">
-                         <div>
-                          <img alt="Visual Electric website">
-                         </div>
-                         <div>
-                          <video></video>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Image">
-                        <div>
-                         <img alt="">
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Biograph">
-                    <div>
-                     <a data-framer-name="Desktop" href="./stories/biograph/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Biograph logo">
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“Framer gave us full creative freedom. No code limits, no handoffs. We shipped an immersive brand site in days.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Avatar">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Adam Jiwa</p>
-                          </div>
-                          <div>
-                           <p>Partnerships at Metalab</p>
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                      <div data-framer-name="Right">
-                       <div>
-                        <div data-framer-name="Pause">
-                         <div>
-                          <img alt="Biograph website">
-                         </div>
-                         <div>
-                          <video></video>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Image">
-                        <div>
-                         <img alt="Background">
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Cradle">
-                    <div>
-                     <a data-framer-name="Desktop" href="./stories/cradle/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Cradle logo">
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“With Framer, our designers can ship updates daily. No dev handoff. No staging hassle.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Avatar">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Jelle Prins</p>
-                          </div>
-                          <div>
-                           <p>Co-Founder at Cradle</p>
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                      <div data-framer-name="Right">
-                       <div>
-                        <div data-framer-name="Pause">
-                         <div>
-                          <img alt="Cradle website">
-                         </div>
-                         <div>
-                          <video></video>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Image">
-                        <div>
-                         <img alt="Background">
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Miro">
-                    <div>
-                     <a data-framer-name="Desktop" href="./stories/miro/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Miro logo">
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“Framer allowed us to ship high-performing, beautifully designed pages at record speed, all while keeping design control in-house.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Avatar">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Radoslav Bali</p>
-                          </div>
-                          <div>
-                           <p>Design Lead at Miro</p>
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                      <div data-framer-name="Right">
-                       <div>
-                        <div data-framer-name="Pause">
-                         <div>
-                          <img alt="Miro website">
-                         </div>
-                         <div>
-                          <video></video>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Image">
-                        <div>
-                         <img alt="Background">
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Perplexity">
-                    <div>
-                     <a data-framer-name="Desktop" href="./stories/perplexity/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Perplexity logo">
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“Framer gives us everything we need to move fast. We don’t wait on dev. We don’t compromise on design.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Avatar">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Henry Modisett</p>
-                          </div>
-                          <div>
-                           <p>Head of Design at Perplexity</p>
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                      <div data-framer-name="Right">
-                       <div>
-                        <div data-framer-name="Pause">
-                         <div>
-                          <img alt="Perplexity website">
-                         </div>
-                         <div>
-                          <video></video>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Image">
-                        <div>
-                         <img alt="Background">
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Visual Electric">
-                    <div>
-                     <a data-framer-name="Desktop" href="./stories/visual-electric/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="">
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“Launching on Framer was seamless. Live in no time, no friction.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Colin Dunn</p>
-                          </div>
-                          <div>
-                           <p>Co-Founder at Visual Electric</p>
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                      <div data-framer-name="Right">
-                       <div>
-                        <div data-framer-name="Pause">
-                         <div>
-                          <img alt="Visual Electric website">
-                         </div>
-                         <div>
-                          <video></video>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Image">
-                        <div>
-                         <img alt="">
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Biograph">
-                    <div>
-                     <a data-framer-name="Desktop" href="./stories/biograph/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Biograph logo">
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“Framer gave us full creative freedom. No code limits, no handoffs. We shipped an immersive brand site in days.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Avatar">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Adam Jiwa</p>
-                          </div>
-                          <div>
-                           <p>Partnerships at Metalab</p>
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                      <div data-framer-name="Right">
-                       <div>
-                        <div data-framer-name="Pause">
-                         <div>
-                          <img alt="Biograph website">
-                         </div>
-                         <div>
-                          <video></video>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Image">
-                        <div>
-                         <img alt="Background">
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Cradle">
-                    <div>
-                     <a data-framer-name="Desktop" href="./stories/cradle/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Cradle logo">
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“With Framer, our designers can ship updates daily. No dev handoff. No staging hassle.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Avatar">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Jelle Prins</p>
-                          </div>
-                          <div>
-                           <p>Co-Founder at Cradle</p>
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                      <div data-framer-name="Right">
-                       <div>
-                        <div data-framer-name="Pause">
-                         <div>
-                          <img alt="Cradle website">
-                         </div>
-                         <div>
-                          <video></video>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Image">
-                        <div>
-                         <img alt="Background">
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Miro">
-                    <div>
-                     <a data-framer-name="Desktop" href="./stories/miro/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Miro logo">
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“Framer allowed us to ship high-performing, beautifully designed pages at record speed, all while keeping design control in-house.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Avatar">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Radoslav Bali</p>
-                          </div>
-                          <div>
-                           <p>Design Lead at Miro</p>
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                      <div data-framer-name="Right">
-                       <div>
-                        <div data-framer-name="Pause">
-                         <div>
-                          <img alt="Miro website">
-                         </div>
-                         <div>
-                          <video></video>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Image">
-                        <div>
-                         <img alt="Background">
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                 </ul>
+                 <div data-framer-name="Framer Logo" aria-hidden="true">
+                  <div></div>
+                 </div>
                 </div>
-                <fieldset aria-label="Slideshow pagination controls">
-                 <div>
-                  <button type="button" aria-label="Previous">
-                   <img alt="Back Arrow">
-                  </button>
-                  <button type="button" aria-label="Next">
-                   <img alt="Next Arrow">
-                  </button>
-                 </div>
-                 <div>
-                  <button aria-label="Scroll to page 1" type="button">
-                   <div>Perplexity</div>
-                  </button>
-                  <button aria-label="Scroll to page 2" type="button">
-                   <div>Visual Electric</div>
-                  </button>
-                  <button aria-label="Scroll to page 3" type="button">
-                   <div>Biograph</div>
-                  </button>
-                  <button aria-label="Scroll to page 4" type="button">
-                   <div>Cradle</div>
-                  </button>
-                  <button aria-label="Scroll to page 5" type="button">
-                   <div>Miro</div>
-                  </button>
-                 </div>
-                </fieldset>
-               </section>
-              </div>
-              <div data-framer-name="Slideshow Tablet" name="Slideshow Tablet">
-               <section>
                 <div>
-                 <ul>
-                  <li aria-hidden="false">
-                   <div data-framer-name="Perplexity">
-                    <div>
-                     <a data-framer-name="Tablet" href="./stories/perplexity/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Perplexity logo">
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“Framer gives us everything we need to move fast. We don’t wait on dev. We don’t compromise on design.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Avatar">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Henry Modisett</p>
-                          </div>
-                          <div>
-                           <p>Head of Design at Perplexity</p>
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                      <div data-framer-name="Right">
-                       <div>
-                        <div data-framer-name="Pause">
-                         <div>
-                          <img alt="Perplexity website">
-                         </div>
-                         <div>
-                          <video></video>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Image">
-                        <div>
-                         <img alt="Background">
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="false">
-                   <div data-framer-name="Visual Electric">
-                    <div>
-                     <a data-framer-name="Tablet" href="./stories/visual-electric/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="">
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“Launching on Framer was seamless. Live in no time, no friction.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Colin Dunn</p>
-                          </div>
-                          <div>
-                           <p>Co-Founder at Visual Electric</p>
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                      <div data-framer-name="Right">
-                       <div>
-                        <div data-framer-name="Pause">
-                         <div>
-                          <img alt="Visual Electric website">
-                         </div>
-                         <div>
-                          <video></video>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Image">
-                        <div>
-                         <img alt="">
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="false">
-                   <div data-framer-name="Biograph">
-                    <div>
-                     <a data-framer-name="Tablet" href="./stories/biograph/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Biograph logo">
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“Framer gave us full creative freedom. No code limits, no handoffs. We shipped an immersive brand site in days.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Avatar">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Adam Jiwa</p>
-                          </div>
-                          <div>
-                           <p>Partnerships at Metalab</p>
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                      <div data-framer-name="Right">
-                       <div>
-                        <div data-framer-name="Pause">
-                         <div>
-                          <img alt="Biograph website">
-                         </div>
-                         <div>
-                          <video></video>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Image">
-                        <div>
-                         <img alt="Background">
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="false">
-                   <div data-framer-name="Cradle">
-                    <div>
-                     <a data-framer-name="Tablet" href="./stories/cradle/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Cradle logo">
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“With Framer, our designers can ship updates daily. No dev handoff. No staging hassle.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Avatar">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Jelle Prins</p>
-                          </div>
-                          <div>
-                           <p>Co-Founder at Cradle</p>
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                      <div data-framer-name="Right">
-                       <div>
-                        <div data-framer-name="Pause">
-                         <div>
-                          <img alt="Cradle website">
-                         </div>
-                         <div>
-                          <video></video>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Image">
-                        <div>
-                         <img alt="Background">
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="false">
-                   <div data-framer-name="Miro">
-                    <div>
-                     <a data-framer-name="Tablet" href="./stories/miro/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Miro logo">
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“Framer allowed us to ship high-performing, beautifully designed pages at record speed, all while keeping design control in-house.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Avatar">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Radoslav Bali</p>
-                          </div>
-                          <div>
-                           <p>Design Lead at Miro</p>
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                      <div data-framer-name="Right">
-                       <div>
-                        <div data-framer-name="Pause">
-                         <div>
-                          <img alt="Miro website">
-                         </div>
-                         <div>
-                          <video></video>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Image">
-                        <div>
-                         <img alt="Background">
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Perplexity">
-                    <div>
-                     <a data-framer-name="Tablet" href="./stories/perplexity/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Perplexity logo">
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“Framer gives us everything we need to move fast. We don’t wait on dev. We don’t compromise on design.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Avatar">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Henry Modisett</p>
-                          </div>
-                          <div>
-                           <p>Head of Design at Perplexity</p>
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                      <div data-framer-name="Right">
-                       <div>
-                        <div data-framer-name="Pause">
-                         <div>
-                          <img alt="Perplexity website">
-                         </div>
-                         <div>
-                          <video></video>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Image">
-                        <div>
-                         <img alt="Background">
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Visual Electric">
-                    <div>
-                     <a data-framer-name="Tablet" href="./stories/visual-electric/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="">
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“Launching on Framer was seamless. Live in no time, no friction.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Colin Dunn</p>
-                          </div>
-                          <div>
-                           <p>Co-Founder at Visual Electric</p>
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                      <div data-framer-name="Right">
-                       <div>
-                        <div data-framer-name="Pause">
-                         <div>
-                          <img alt="Visual Electric website">
-                         </div>
-                         <div>
-                          <video></video>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Image">
-                        <div>
-                         <img alt="">
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Biograph">
-                    <div>
-                     <a data-framer-name="Tablet" href="./stories/biograph/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Biograph logo">
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“Framer gave us full creative freedom. No code limits, no handoffs. We shipped an immersive brand site in days.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Avatar">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Adam Jiwa</p>
-                          </div>
-                          <div>
-                           <p>Partnerships at Metalab</p>
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                      <div data-framer-name="Right">
-                       <div>
-                        <div data-framer-name="Pause">
-                         <div>
-                          <img alt="Biograph website">
-                         </div>
-                         <div>
-                          <video></video>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Image">
-                        <div>
-                         <img alt="Background">
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Cradle">
-                    <div>
-                     <a data-framer-name="Tablet" href="./stories/cradle/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Cradle logo">
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“With Framer, our designers can ship updates daily. No dev handoff. No staging hassle.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Avatar">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Jelle Prins</p>
-                          </div>
-                          <div>
-                           <p>Co-Founder at Cradle</p>
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                      <div data-framer-name="Right">
-                       <div>
-                        <div data-framer-name="Pause">
-                         <div>
-                          <img alt="Cradle website">
-                         </div>
-                         <div>
-                          <video></video>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Image">
-                        <div>
-                         <img alt="Background">
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Miro">
-                    <div>
-                     <a data-framer-name="Tablet" href="./stories/miro/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Miro logo">
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“Framer allowed us to ship high-performing, beautifully designed pages at record speed, all while keeping design control in-house.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Avatar">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Radoslav Bali</p>
-                          </div>
-                          <div>
-                           <p>Design Lead at Miro</p>
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                      <div data-framer-name="Right">
-                       <div>
-                        <div data-framer-name="Pause">
-                         <div>
-                          <img alt="Miro website">
-                         </div>
-                         <div>
-                          <video></video>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Image">
-                        <div>
-                         <img alt="Background">
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Perplexity">
-                    <div>
-                     <a data-framer-name="Tablet" href="./stories/perplexity/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Perplexity logo">
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“Framer gives us everything we need to move fast. We don’t wait on dev. We don’t compromise on design.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Avatar">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Henry Modisett</p>
-                          </div>
-                          <div>
-                           <p>Head of Design at Perplexity</p>
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                      <div data-framer-name="Right">
-                       <div>
-                        <div data-framer-name="Pause">
-                         <div>
-                          <img alt="Perplexity website">
-                         </div>
-                         <div>
-                          <video></video>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Image">
-                        <div>
-                         <img alt="Background">
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Visual Electric">
-                    <div>
-                     <a data-framer-name="Tablet" href="./stories/visual-electric/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="">
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“Launching on Framer was seamless. Live in no time, no friction.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Colin Dunn</p>
-                          </div>
-                          <div>
-                           <p>Co-Founder at Visual Electric</p>
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                      <div data-framer-name="Right">
-                       <div>
-                        <div data-framer-name="Pause">
-                         <div>
-                          <img alt="Visual Electric website">
-                         </div>
-                         <div>
-                          <video></video>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Image">
-                        <div>
-                         <img alt="">
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Biograph">
-                    <div>
-                     <a data-framer-name="Tablet" href="./stories/biograph/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Biograph logo">
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“Framer gave us full creative freedom. No code limits, no handoffs. We shipped an immersive brand site in days.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Avatar">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Adam Jiwa</p>
-                          </div>
-                          <div>
-                           <p>Partnerships at Metalab</p>
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                      <div data-framer-name="Right">
-                       <div>
-                        <div data-framer-name="Pause">
-                         <div>
-                          <img alt="Biograph website">
-                         </div>
-                         <div>
-                          <video></video>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Image">
-                        <div>
-                         <img alt="Background">
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Cradle">
-                    <div>
-                     <a data-framer-name="Tablet" href="./stories/cradle/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Cradle logo">
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“With Framer, our designers can ship updates daily. No dev handoff. No staging hassle.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Avatar">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Jelle Prins</p>
-                          </div>
-                          <div>
-                           <p>Co-Founder at Cradle</p>
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                      <div data-framer-name="Right">
-                       <div>
-                        <div data-framer-name="Pause">
-                         <div>
-                          <img alt="Cradle website">
-                         </div>
-                         <div>
-                          <video></video>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Image">
-                        <div>
-                         <img alt="Background">
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Miro">
-                    <div>
-                     <a data-framer-name="Tablet" href="./stories/miro/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Miro logo">
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“Framer allowed us to ship high-performing, beautifully designed pages at record speed, all while keeping design control in-house.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Avatar">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Radoslav Bali</p>
-                          </div>
-                          <div>
-                           <p>Design Lead at Miro</p>
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                      <div data-framer-name="Right">
-                       <div>
-                        <div data-framer-name="Pause">
-                         <div>
-                          <img alt="Miro website">
-                         </div>
-                         <div>
-                          <video></video>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Image">
-                        <div>
-                         <img alt="Background">
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Perplexity">
-                    <div>
-                     <a data-framer-name="Tablet" href="./stories/perplexity/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Perplexity logo">
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“Framer gives us everything we need to move fast. We don’t wait on dev. We don’t compromise on design.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Avatar">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Henry Modisett</p>
-                          </div>
-                          <div>
-                           <p>Head of Design at Perplexity</p>
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                      <div data-framer-name="Right">
-                       <div>
-                        <div data-framer-name="Pause">
-                         <div>
-                          <img alt="Perplexity website">
-                         </div>
-                         <div>
-                          <video></video>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Image">
-                        <div>
-                         <img alt="Background">
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Visual Electric">
-                    <div>
-                     <a data-framer-name="Tablet" href="./stories/visual-electric/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="">
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“Launching on Framer was seamless. Live in no time, no friction.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Colin Dunn</p>
-                          </div>
-                          <div>
-                           <p>Co-Founder at Visual Electric</p>
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                      <div data-framer-name="Right">
-                       <div>
-                        <div data-framer-name="Pause">
-                         <div>
-                          <img alt="Visual Electric website">
-                         </div>
-                         <div>
-                          <video></video>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Image">
-                        <div>
-                         <img alt="">
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Biograph">
-                    <div>
-                     <a data-framer-name="Tablet" href="./stories/biograph/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Biograph logo">
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“Framer gave us full creative freedom. No code limits, no handoffs. We shipped an immersive brand site in days.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Avatar">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Adam Jiwa</p>
-                          </div>
-                          <div>
-                           <p>Partnerships at Metalab</p>
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                      <div data-framer-name="Right">
-                       <div>
-                        <div data-framer-name="Pause">
-                         <div>
-                          <img alt="Biograph website">
-                         </div>
-                         <div>
-                          <video></video>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Image">
-                        <div>
-                         <img alt="Background">
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Cradle">
-                    <div>
-                     <a data-framer-name="Tablet" href="./stories/cradle/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Cradle logo">
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“With Framer, our designers can ship updates daily. No dev handoff. No staging hassle.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Avatar">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Jelle Prins</p>
-                          </div>
-                          <div>
-                           <p>Co-Founder at Cradle</p>
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                      <div data-framer-name="Right">
-                       <div>
-                        <div data-framer-name="Pause">
-                         <div>
-                          <img alt="Cradle website">
-                         </div>
-                         <div>
-                          <video></video>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Image">
-                        <div>
-                         <img alt="Background">
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Miro">
-                    <div>
-                     <a data-framer-name="Tablet" href="./stories/miro/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Miro logo">
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“Framer allowed us to ship high-performing, beautifully designed pages at record speed, all while keeping design control in-house.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Avatar">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Radoslav Bali</p>
-                          </div>
-                          <div>
-                           <p>Design Lead at Miro</p>
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                      <div data-framer-name="Right">
-                       <div>
-                        <div data-framer-name="Pause">
-                         <div>
-                          <img alt="Miro website">
-                         </div>
-                         <div>
-                          <video></video>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Image">
-                        <div>
-                         <img alt="Background">
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                 </ul>
+                 <p>Open in Framer</p>
                 </div>
-                <fieldset aria-label="Slideshow pagination controls">
+               </div>
+               <div>
+                <div data-framer-name="Finish Editing">
+                 <div data-framer-name="Check" aria-hidden="true"></div>
                  <div>
-                  <button type="button" aria-label="Previous">
-                   <img alt="Back Arrow">
-                  </button>
-                  <button type="button" aria-label="Next">
-                   <img alt="Next Arrow">
-                  </button>
+                  <p>Finish Editing</p>
                  </div>
-                 <div>
-                  <button aria-label="Scroll to page 1" type="button">
-                   <div>Perplexity</div>
-                  </button>
-                  <button aria-label="Scroll to page 2" type="button">
-                   <div>Visual Electric</div>
-                  </button>
-                  <button aria-label="Scroll to page 3" type="button">
-                   <div>Biograph</div>
-                  </button>
-                  <button aria-label="Scroll to page 4" type="button">
-                   <div>Cradle</div>
-                  </button>
-                  <button aria-label="Scroll to page 5" type="button">
-                   <div>Miro</div>
-                  </button>
-                 </div>
-                </fieldset>
-               </section>
-              </div>
-              <div data-framer-name="Slideshow Phone" name="Slideshow Phone">
-               <section>
-                <div>
-                 <ul>
-                  <li aria-hidden="false">
-                   <div data-framer-name="Perplexity">
-                    <div>
-                     <a data-framer-name="Phone" href="./stories/perplexity/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Perplexity logo">
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“Framer gives us everything we need to move fast. We don’t wait on dev. We don’t compromise on design.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Avatar">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Henry Modisett</p>
-                          </div>
-                          <div>
-                           <p>Head of Design at Perplexity</p>
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="false">
-                   <div data-framer-name="Visual Electric">
-                    <div>
-                     <a data-framer-name="Phone" href="./stories/visual-electric/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="">
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“Launching on Framer was seamless. Live in no time, no friction.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Colin Dunn</p>
-                          </div>
-                          <div>
-                           <p>Co-Founder at Visual Electric</p>
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="false">
-                   <div data-framer-name="Biograph">
-                    <div>
-                     <a data-framer-name="Phone" href="./stories/biograph/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Biograph logo">
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“Framer gave us full creative freedom. No code limits, no handoffs. We shipped an immersive brand site in days.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Avatar">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Adam Jiwa</p>
-                          </div>
-                          <div>
-                           <p>Partnerships at Metalab</p>
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="false">
-                   <div data-framer-name="Cradle">
-                    <div>
-                     <a data-framer-name="Phone" href="./stories/cradle/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Cradle logo">
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“With Framer, our designers can ship updates daily. No dev handoff. No staging hassle.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Avatar">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Jelle Prins</p>
-                          </div>
-                          <div>
-                           <p>Co-Founder at Cradle</p>
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="false">
-                   <div data-framer-name="Miro">
-                    <div>
-                     <a data-framer-name="Phone" href="./stories/miro/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Miro logo">
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“Framer allowed us to ship high-performing, beautifully designed pages at record speed, all while keeping design control in-house.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Avatar">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Radoslav Bali</p>
-                          </div>
-                          <div>
-                           <p>Design Lead at Miro</p>
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Perplexity">
-                    <div>
-                     <a data-framer-name="Phone" href="./stories/perplexity/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Perplexity logo">
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“Framer gives us everything we need to move fast. We don’t wait on dev. We don’t compromise on design.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Avatar">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Henry Modisett</p>
-                          </div>
-                          <div>
-                           <p>Head of Design at Perplexity</p>
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Visual Electric">
-                    <div>
-                     <a data-framer-name="Phone" href="./stories/visual-electric/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="">
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“Launching on Framer was seamless. Live in no time, no friction.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Colin Dunn</p>
-                          </div>
-                          <div>
-                           <p>Co-Founder at Visual Electric</p>
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Biograph">
-                    <div>
-                     <a data-framer-name="Phone" href="./stories/biograph/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Biograph logo">
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“Framer gave us full creative freedom. No code limits, no handoffs. We shipped an immersive brand site in days.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Avatar">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Adam Jiwa</p>
-                          </div>
-                          <div>
-                           <p>Partnerships at Metalab</p>
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Cradle">
-                    <div>
-                     <a data-framer-name="Phone" href="./stories/cradle/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Cradle logo">
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“With Framer, our designers can ship updates daily. No dev handoff. No staging hassle.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Avatar">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Jelle Prins</p>
-                          </div>
-                          <div>
-                           <p>Co-Founder at Cradle</p>
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Miro">
-                    <div>
-                     <a data-framer-name="Phone" href="./stories/miro/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Miro logo">
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“Framer allowed us to ship high-performing, beautifully designed pages at record speed, all while keeping design control in-house.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Avatar">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Radoslav Bali</p>
-                          </div>
-                          <div>
-                           <p>Design Lead at Miro</p>
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Perplexity">
-                    <div>
-                     <a data-framer-name="Phone" href="./stories/perplexity/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Perplexity logo">
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“Framer gives us everything we need to move fast. We don’t wait on dev. We don’t compromise on design.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Avatar">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Henry Modisett</p>
-                          </div>
-                          <div>
-                           <p>Head of Design at Perplexity</p>
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Visual Electric">
-                    <div>
-                     <a data-framer-name="Phone" href="./stories/visual-electric/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="">
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“Launching on Framer was seamless. Live in no time, no friction.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Colin Dunn</p>
-                          </div>
-                          <div>
-                           <p>Co-Founder at Visual Electric</p>
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Biograph">
-                    <div>
-                     <a data-framer-name="Phone" href="./stories/biograph/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Biograph logo">
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“Framer gave us full creative freedom. No code limits, no handoffs. We shipped an immersive brand site in days.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Avatar">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Adam Jiwa</p>
-                          </div>
-                          <div>
-                           <p>Partnerships at Metalab</p>
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Cradle">
-                    <div>
-                     <a data-framer-name="Phone" href="./stories/cradle/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Cradle logo">
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“With Framer, our designers can ship updates daily. No dev handoff. No staging hassle.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Avatar">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Jelle Prins</p>
-                          </div>
-                          <div>
-                           <p>Co-Founder at Cradle</p>
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Miro">
-                    <div>
-                     <a data-framer-name="Phone" href="./stories/miro/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Miro logo">
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“Framer allowed us to ship high-performing, beautifully designed pages at record speed, all while keeping design control in-house.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Avatar">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Radoslav Bali</p>
-                          </div>
-                          <div>
-                           <p>Design Lead at Miro</p>
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Perplexity">
-                    <div>
-                     <a data-framer-name="Phone" href="./stories/perplexity/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Perplexity logo">
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“Framer gives us everything we need to move fast. We don’t wait on dev. We don’t compromise on design.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Avatar">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Henry Modisett</p>
-                          </div>
-                          <div>
-                           <p>Head of Design at Perplexity</p>
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Visual Electric">
-                    <div>
-                     <a data-framer-name="Phone" href="./stories/visual-electric/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="">
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“Launching on Framer was seamless. Live in no time, no friction.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Colin Dunn</p>
-                          </div>
-                          <div>
-                           <p>Co-Founder at Visual Electric</p>
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Biograph">
-                    <div>
-                     <a data-framer-name="Phone" href="./stories/biograph/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Biograph logo">
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“Framer gave us full creative freedom. No code limits, no handoffs. We shipped an immersive brand site in days.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Avatar">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Adam Jiwa</p>
-                          </div>
-                          <div>
-                           <p>Partnerships at Metalab</p>
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Cradle">
-                    <div>
-                     <a data-framer-name="Phone" href="./stories/cradle/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Cradle logo">
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“With Framer, our designers can ship updates daily. No dev handoff. No staging hassle.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Avatar">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Jelle Prins</p>
-                          </div>
-                          <div>
-                           <p>Co-Founder at Cradle</p>
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Miro">
-                    <div>
-                     <a data-framer-name="Phone" href="./stories/miro/">
-                      <div data-framer-name="Left">
-                       <div data-framer-name="Top">
-                        <div data-framer-name="Logo">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Miro logo">
-                          </div>
-                         </div>
-                        </div>
-                        <div data-framer-name="CTA 2025">
-                         <div>
-                          <p>Read more</p>
-                         </div>
-                         <div>
-                          <div></div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Pad Quote">
-                        <div data-framer-name="Quote">
-                         <p>“Framer allowed us to ship high-performing, beautifully designed pages at record speed, all while keeping design control in-house.”</p>
-                        </div>
-                       </div>
-                       <div data-framer-name="Bottom">
-                        <div data-framer-name="User">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Avatar">
-                          </div>
-                         </div>
-                         <div data-framer-name="Name">
-                          <div>
-                           <p>Radoslav Bali</p>
-                          </div>
-                          <div>
-                           <p>Design Lead at Miro</p>
-                          </div>
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="BG Gradient"></div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                 </ul>
                 </div>
-                <fieldset aria-label="Slideshow pagination controls">
-                 <div>
-                  <button type="button" aria-label="Previous">
-                   <img alt="Back Arrow">
-                  </button>
-                  <button type="button" aria-label="Next">
-                   <img alt="Next Arrow">
-                  </button>
-                 </div>
-                 <div>
-                  <button aria-label="Scroll to page 1" type="button">
-                   <div></div>
-                  </button>
-                  <button aria-label="Scroll to page 2" type="button">
-                   <div></div>
-                  </button>
-                  <button aria-label="Scroll to page 3" type="button">
-                   <div></div>
-                  </button>
-                  <button aria-label="Scroll to page 4" type="button">
-                   <div></div>
-                  </button>
-                  <button aria-label="Scroll to page 5" type="button">
-                   <div></div>
-                  </button>
-                 </div>
-                </fieldset>
-               </section>
+               </div>
               </div>
              </div>
             </div>
-            <section data-framer-name="Experts">
-             <header data-framer-name="Header">
-              <div>
-               <h2>Get pro help from handpicked experts</h2>
-              </div>
-              <div data-framer-name="Buttons">
-               <div>
+           </div>
+           <div data-framer-name="Phone">
+            <div>
+             <div>
+              <article data-framer-name="AI">
+               <div data-framer-name="Visual">
+                <div data-framer-name="Image">
+                 <div>
+                  <img alt="">
+                 </div>
+                </div>
+               </div>
+               <div data-framer-name="Text">
                 <div>
-                 <a data-framer-name="Regular" href="./match/">
-                  <div data-framer-name="Default">
-                   <p>Get matched</p>
+                 <div>
+                  <h5>AI</h5>
+                 </div>
+                 <div>
+                  <p>Generate page layouts and advanced components in seconds with AI, so you can skip the blank canvas and start designing with confidence.</p>
+                 </div>
+                </div>
+                <div>
+                 <a data-framer-name="Small" href="./ai/">
+                  <div>
+                   <p>Learn more</p>
+                  </div>
+                  <div>
+                   <div></div>
                   </div>
                  </a>
                 </div>
                </div>
-               <div>
-                <div>
-                 <a data-framer-name="Phone" href="./match/">
-                  <div data-framer-name="Default">
-                   <p>Get matched</p>
-                  </div>
-                 </a>
-                </div>
-               </div>
-               <div>
-                <div>
-                 <a data-framer-name="Regular" href="./match/">
-                  <div data-framer-name="Default">
-                   <p>Get matched</p>
-                  </div>
-                 </a>
-                </div>
-               </div>
-               <div>
-                <div>
-                 <a data-framer-name="Regular" href="https://www.framer.com/experts/">
-                  <div data-framer-name="Default">
-                   <p>Find an Expert</p>
-                  </div>
-                 </a>
-                </div>
-               </div>
-               <div>
-                <div>
-                 <a data-framer-name="Phone" href="https://www.framer.com/experts/">
-                  <div data-framer-name="Default">
-                   <p>Find an Expert</p>
-                  </div>
-                 </a>
-                </div>
-               </div>
-               <div>
-                <div>
-                 <a data-framer-name="Regular" href="https://www.framer.com/experts/">
-                  <div data-framer-name="Default">
-                   <p>Find an Expert</p>
-                  </div>
-                 </a>
-                </div>
-               </div>
-              </div>
-             </header>
-             <div data-framer-name="Visual">
-              <div data-framer-name="Desktop Slideshow" name="Desktop Slideshow">
-               <section>
-                <div>
-                 <ul>
-                  <li aria-hidden="false">
-                   <div data-framer-name="Experts Desktop 1">
-                    <div data-framer-name="Trueform" name="Trueform">
-                     <a name="Trueform" data-framer-name="Expert" href="https://www.framer.com/@trueform/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Trueform</p>
-                        </div>
-                        <div>
-                         <p>Switzerland</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Alex Aperios" name="Alex Aperios">
-                     <a name="Alex Aperios" data-framer-name="Expert" href="https://www.framer.com/@alex-aperios/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Alex Aperios</p>
-                        </div>
-                        <div>
-                         <p>United Kingdom</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Analogue Agency" name="Analogue Agency">
-                     <a name="Analogue Agency" data-framer-name="Expert" href="https://www.framer.com/@analogueagency/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Analogue Agency</p>
-                        </div>
-                        <div>
-                         <p>Netherlands</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Fabian Albert" name="Fabian Albert">
-                     <a name="Fabian Albert" data-framer-name="Expert" href="https://www.framer.com/@fabian-albert/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Fabian Albert</p>
-                        </div>
-                        <div>
-                         <p>United States</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="false">
-                   <div data-framer-name="Experts Desktop 2">
-                    <div data-framer-name="Allsite Studio" name="Allsite Studio">
-                     <a name="Allsite Studio" data-framer-name="Expert" href="https://www.framer.com/@ben-libor/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Allsite Studio</p>
-                        </div>
-                        <div>
-                         <p>Germany</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Aerolab" name="Aerolab">
-                     <a name="Aerolab" data-framer-name="Expert" href="https://www.framer.com/@aerolab/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Aerolab</p>
-                        </div>
-                        <div>
-                         <p>United States</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Adriano Reis" name="Adriano Reis">
-                     <a name="Adriano Reis" data-framer-name="Expert" href="https://www.framer.com/@adrianoreis/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Adriano Reis</p>
-                        </div>
-                        <div>
-                         <p>United States</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Deserve Studio" name="Deserve Studio">
-                     <a name="Deserve Studio" data-framer-name="Expert" href="https://www.framer.com/@deservestudio/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Deserve Studio</p>
-                        </div>
-                        <div>
-                         <p>United States</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Experts Desktop 1">
-                    <div data-framer-name="Trueform" name="Trueform">
-                     <a name="Trueform" data-framer-name="Expert" href="https://www.framer.com/@trueform/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Trueform</p>
-                        </div>
-                        <div>
-                         <p>Switzerland</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Alex Aperios" name="Alex Aperios">
-                     <a name="Alex Aperios" data-framer-name="Expert" href="https://www.framer.com/@alex-aperios/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Alex Aperios</p>
-                        </div>
-                        <div>
-                         <p>United Kingdom</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Analogue Agency" name="Analogue Agency">
-                     <a name="Analogue Agency" data-framer-name="Expert" href="https://www.framer.com/@analogueagency/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Analogue Agency</p>
-                        </div>
-                        <div>
-                         <p>Netherlands</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Fabian Albert" name="Fabian Albert">
-                     <a name="Fabian Albert" data-framer-name="Expert" href="https://www.framer.com/@fabian-albert/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Fabian Albert</p>
-                        </div>
-                        <div>
-                         <p>United States</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Experts Desktop 2">
-                    <div data-framer-name="Allsite Studio" name="Allsite Studio">
-                     <a name="Allsite Studio" data-framer-name="Expert" href="https://www.framer.com/@ben-libor/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Allsite Studio</p>
-                        </div>
-                        <div>
-                         <p>Germany</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Aerolab" name="Aerolab">
-                     <a name="Aerolab" data-framer-name="Expert" href="https://www.framer.com/@aerolab/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Aerolab</p>
-                        </div>
-                        <div>
-                         <p>United States</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Adriano Reis" name="Adriano Reis">
-                     <a name="Adriano Reis" data-framer-name="Expert" href="https://www.framer.com/@adrianoreis/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Adriano Reis</p>
-                        </div>
-                        <div>
-                         <p>United States</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Deserve Studio" name="Deserve Studio">
-                     <a name="Deserve Studio" data-framer-name="Expert" href="https://www.framer.com/@deservestudio/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Deserve Studio</p>
-                        </div>
-                        <div>
-                         <p>United States</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Experts Desktop 1">
-                    <div data-framer-name="Trueform" name="Trueform">
-                     <a name="Trueform" data-framer-name="Expert" href="https://www.framer.com/@trueform/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Trueform</p>
-                        </div>
-                        <div>
-                         <p>Switzerland</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Alex Aperios" name="Alex Aperios">
-                     <a name="Alex Aperios" data-framer-name="Expert" href="https://www.framer.com/@alex-aperios/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Alex Aperios</p>
-                        </div>
-                        <div>
-                         <p>United Kingdom</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Analogue Agency" name="Analogue Agency">
-                     <a name="Analogue Agency" data-framer-name="Expert" href="https://www.framer.com/@analogueagency/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Analogue Agency</p>
-                        </div>
-                        <div>
-                         <p>Netherlands</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Fabian Albert" name="Fabian Albert">
-                     <a name="Fabian Albert" data-framer-name="Expert" href="https://www.framer.com/@fabian-albert/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Fabian Albert</p>
-                        </div>
-                        <div>
-                         <p>United States</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Experts Desktop 2">
-                    <div data-framer-name="Allsite Studio" name="Allsite Studio">
-                     <a name="Allsite Studio" data-framer-name="Expert" href="https://www.framer.com/@ben-libor/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Allsite Studio</p>
-                        </div>
-                        <div>
-                         <p>Germany</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Aerolab" name="Aerolab">
-                     <a name="Aerolab" data-framer-name="Expert" href="https://www.framer.com/@aerolab/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Aerolab</p>
-                        </div>
-                        <div>
-                         <p>United States</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Adriano Reis" name="Adriano Reis">
-                     <a name="Adriano Reis" data-framer-name="Expert" href="https://www.framer.com/@adrianoreis/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Adriano Reis</p>
-                        </div>
-                        <div>
-                         <p>United States</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Deserve Studio" name="Deserve Studio">
-                     <a name="Deserve Studio" data-framer-name="Expert" href="https://www.framer.com/@deservestudio/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Deserve Studio</p>
-                        </div>
-                        <div>
-                         <p>United States</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Experts Desktop 1">
-                    <div data-framer-name="Trueform" name="Trueform">
-                     <a name="Trueform" data-framer-name="Expert" href="https://www.framer.com/@trueform/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Trueform</p>
-                        </div>
-                        <div>
-                         <p>Switzerland</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Alex Aperios" name="Alex Aperios">
-                     <a name="Alex Aperios" data-framer-name="Expert" href="https://www.framer.com/@alex-aperios/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Alex Aperios</p>
-                        </div>
-                        <div>
-                         <p>United Kingdom</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Analogue Agency" name="Analogue Agency">
-                     <a name="Analogue Agency" data-framer-name="Expert" href="https://www.framer.com/@analogueagency/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Analogue Agency</p>
-                        </div>
-                        <div>
-                         <p>Netherlands</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Fabian Albert" name="Fabian Albert">
-                     <a name="Fabian Albert" data-framer-name="Expert" href="https://www.framer.com/@fabian-albert/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Fabian Albert</p>
-                        </div>
-                        <div>
-                         <p>United States</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Experts Desktop 2">
-                    <div data-framer-name="Allsite Studio" name="Allsite Studio">
-                     <a name="Allsite Studio" data-framer-name="Expert" href="https://www.framer.com/@ben-libor/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Allsite Studio</p>
-                        </div>
-                        <div>
-                         <p>Germany</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Aerolab" name="Aerolab">
-                     <a name="Aerolab" data-framer-name="Expert" href="https://www.framer.com/@aerolab/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Aerolab</p>
-                        </div>
-                        <div>
-                         <p>United States</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Adriano Reis" name="Adriano Reis">
-                     <a name="Adriano Reis" data-framer-name="Expert" href="https://www.framer.com/@adrianoreis/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Adriano Reis</p>
-                        </div>
-                        <div>
-                         <p>United States</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Deserve Studio" name="Deserve Studio">
-                     <a name="Deserve Studio" data-framer-name="Expert" href="https://www.framer.com/@deservestudio/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Deserve Studio</p>
-                        </div>
-                        <div>
-                         <p>United States</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                 </ul>
-                </div>
-                <fieldset aria-label="Slideshow pagination controls">
-                 <div>
-                  <button type="button" aria-label="Previous">
-                   <img alt="Back Arrow">
-                  </button>
-                  <button type="button" aria-label="Next">
-                   <img alt="Next Arrow">
-                  </button>
-                 </div>
-                 <div>
-                  <button aria-label="Scroll to page 1" type="button">
-                   <div></div>
-                  </button>
-                  <button aria-label="Scroll to page 2" type="button">
-                   <div></div>
-                  </button>
-                 </div>
-                </fieldset>
-               </section>
-              </div>
-              <div data-framer-name="Tablet Slideshow" name="Tablet Slideshow">
-               <section>
-                <div>
-                 <ul>
-                  <li aria-hidden="false">
-                   <div data-framer-name="Experts Tablet 1">
-                    <div data-framer-name="Trueform" name="Trueform">
-                     <a name="Trueform" data-framer-name="Expert" href="https://www.framer.com/@trueform/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Trueform</p>
-                        </div>
-                        <div>
-                         <p>Switzerland</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Alex Aperios" name="Alex Aperios">
-                     <a name="Alex Aperios" data-framer-name="Expert" href="https://www.framer.com/@alex-aperios/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Alex Aperios</p>
-                        </div>
-                        <div>
-                         <p>United Kingdom</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Analogue Agency" name="Analogue Agency">
-                     <a name="Analogue Agency" data-framer-name="Expert" href="https://www.framer.com/@analogueagency/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Analogue Agency</p>
-                        </div>
-                        <div>
-                         <p>Netherlands</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Fabian Albert" name="Fabian Albert">
-                     <a name="Fabian Albert" data-framer-name="Expert" href="https://www.framer.com/@fabian-albert/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Fabian Albert</p>
-                        </div>
-                        <div>
-                         <p>United States</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="false">
-                   <div data-framer-name="Experts Tablet 2">
-                    <div data-framer-name="Allsite Studio" name="Allsite Studio">
-                     <a name="Allsite Studio" data-framer-name="Expert" href="https://www.framer.com/@ben-libor/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Allsite Studio</p>
-                        </div>
-                        <div>
-                         <p>Germany</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Aerolab" name="Aerolab">
-                     <a name="Aerolab" data-framer-name="Expert" href="https://www.framer.com/@aerolab/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Aerolab</p>
-                        </div>
-                        <div>
-                         <p>United States</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Adriano Reis" name="Adriano Reis">
-                     <a name="Adriano Reis" data-framer-name="Expert" href="https://www.framer.com/@adrianoreis/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Adriano Reis</p>
-                        </div>
-                        <div>
-                         <p>United States</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Deserve Studio" name="Deserve Studio">
-                     <a name="Deserve Studio" data-framer-name="Expert" href="https://www.framer.com/@deservestudio/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Deserve Studio</p>
-                        </div>
-                        <div>
-                         <p>United States</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Experts Tablet 1">
-                    <div data-framer-name="Trueform" name="Trueform">
-                     <a name="Trueform" data-framer-name="Expert" href="https://www.framer.com/@trueform/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Trueform</p>
-                        </div>
-                        <div>
-                         <p>Switzerland</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Alex Aperios" name="Alex Aperios">
-                     <a name="Alex Aperios" data-framer-name="Expert" href="https://www.framer.com/@alex-aperios/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Alex Aperios</p>
-                        </div>
-                        <div>
-                         <p>United Kingdom</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Analogue Agency" name="Analogue Agency">
-                     <a name="Analogue Agency" data-framer-name="Expert" href="https://www.framer.com/@analogueagency/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Analogue Agency</p>
-                        </div>
-                        <div>
-                         <p>Netherlands</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Fabian Albert" name="Fabian Albert">
-                     <a name="Fabian Albert" data-framer-name="Expert" href="https://www.framer.com/@fabian-albert/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Fabian Albert</p>
-                        </div>
-                        <div>
-                         <p>United States</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Experts Tablet 2">
-                    <div data-framer-name="Allsite Studio" name="Allsite Studio">
-                     <a name="Allsite Studio" data-framer-name="Expert" href="https://www.framer.com/@ben-libor/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Allsite Studio</p>
-                        </div>
-                        <div>
-                         <p>Germany</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Aerolab" name="Aerolab">
-                     <a name="Aerolab" data-framer-name="Expert" href="https://www.framer.com/@aerolab/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Aerolab</p>
-                        </div>
-                        <div>
-                         <p>United States</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Adriano Reis" name="Adriano Reis">
-                     <a name="Adriano Reis" data-framer-name="Expert" href="https://www.framer.com/@adrianoreis/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Adriano Reis</p>
-                        </div>
-                        <div>
-                         <p>United States</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Deserve Studio" name="Deserve Studio">
-                     <a name="Deserve Studio" data-framer-name="Expert" href="https://www.framer.com/@deservestudio/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Deserve Studio</p>
-                        </div>
-                        <div>
-                         <p>United States</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Experts Tablet 1">
-                    <div data-framer-name="Trueform" name="Trueform">
-                     <a name="Trueform" data-framer-name="Expert" href="https://www.framer.com/@trueform/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Trueform</p>
-                        </div>
-                        <div>
-                         <p>Switzerland</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Alex Aperios" name="Alex Aperios">
-                     <a name="Alex Aperios" data-framer-name="Expert" href="https://www.framer.com/@alex-aperios/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Alex Aperios</p>
-                        </div>
-                        <div>
-                         <p>United Kingdom</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Analogue Agency" name="Analogue Agency">
-                     <a name="Analogue Agency" data-framer-name="Expert" href="https://www.framer.com/@analogueagency/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Analogue Agency</p>
-                        </div>
-                        <div>
-                         <p>Netherlands</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Fabian Albert" name="Fabian Albert">
-                     <a name="Fabian Albert" data-framer-name="Expert" href="https://www.framer.com/@fabian-albert/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Fabian Albert</p>
-                        </div>
-                        <div>
-                         <p>United States</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Experts Tablet 2">
-                    <div data-framer-name="Allsite Studio" name="Allsite Studio">
-                     <a name="Allsite Studio" data-framer-name="Expert" href="https://www.framer.com/@ben-libor/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Allsite Studio</p>
-                        </div>
-                        <div>
-                         <p>Germany</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Aerolab" name="Aerolab">
-                     <a name="Aerolab" data-framer-name="Expert" href="https://www.framer.com/@aerolab/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Aerolab</p>
-                        </div>
-                        <div>
-                         <p>United States</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Adriano Reis" name="Adriano Reis">
-                     <a name="Adriano Reis" data-framer-name="Expert" href="https://www.framer.com/@adrianoreis/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Adriano Reis</p>
-                        </div>
-                        <div>
-                         <p>United States</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Deserve Studio" name="Deserve Studio">
-                     <a name="Deserve Studio" data-framer-name="Expert" href="https://www.framer.com/@deservestudio/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Deserve Studio</p>
-                        </div>
-                        <div>
-                         <p>United States</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Experts Tablet 1">
-                    <div data-framer-name="Trueform" name="Trueform">
-                     <a name="Trueform" data-framer-name="Expert" href="https://www.framer.com/@trueform/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Trueform</p>
-                        </div>
-                        <div>
-                         <p>Switzerland</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Alex Aperios" name="Alex Aperios">
-                     <a name="Alex Aperios" data-framer-name="Expert" href="https://www.framer.com/@alex-aperios/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Alex Aperios</p>
-                        </div>
-                        <div>
-                         <p>United Kingdom</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Analogue Agency" name="Analogue Agency">
-                     <a name="Analogue Agency" data-framer-name="Expert" href="https://www.framer.com/@analogueagency/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Analogue Agency</p>
-                        </div>
-                        <div>
-                         <p>Netherlands</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Fabian Albert" name="Fabian Albert">
-                     <a name="Fabian Albert" data-framer-name="Expert" href="https://www.framer.com/@fabian-albert/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Fabian Albert</p>
-                        </div>
-                        <div>
-                         <p>United States</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Experts Tablet 2">
-                    <div data-framer-name="Allsite Studio" name="Allsite Studio">
-                     <a name="Allsite Studio" data-framer-name="Expert" href="https://www.framer.com/@ben-libor/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Allsite Studio</p>
-                        </div>
-                        <div>
-                         <p>Germany</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Aerolab" name="Aerolab">
-                     <a name="Aerolab" data-framer-name="Expert" href="https://www.framer.com/@aerolab/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Aerolab</p>
-                        </div>
-                        <div>
-                         <p>United States</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Adriano Reis" name="Adriano Reis">
-                     <a name="Adriano Reis" data-framer-name="Expert" href="https://www.framer.com/@adrianoreis/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Adriano Reis</p>
-                        </div>
-                        <div>
-                         <p>United States</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Deserve Studio" name="Deserve Studio">
-                     <a name="Deserve Studio" data-framer-name="Expert" href="https://www.framer.com/@deservestudio/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                      <div data-framer-name="User">
-                       <div data-framer-name="Avatar">
-                        <div data-framer-name="Image">
-                         <div>
-                          <img alt="Avatar">
-                         </div>
-                        </div>
-                       </div>
-                       <div data-framer-name="Name">
-                        <div>
-                         <p>Deserve Studio</p>
-                        </div>
-                        <div>
-                         <p>United States</p>
-                        </div>
-                       </div>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                 </ul>
-                </div>
-                <fieldset aria-label="Slideshow pagination controls">
-                 <div>
-                  <button type="button" aria-label="Previous">
-                   <img alt="Back Arrow">
-                  </button>
-                  <button type="button" aria-label="Next">
-                   <img alt="Next Arrow">
-                  </button>
-                 </div>
-                 <div>
-                  <button aria-label="Scroll to page 1" type="button">
-                   <div></div>
-                  </button>
-                  <button aria-label="Scroll to page 2" type="button">
-                   <div></div>
-                  </button>
-                 </div>
-                </fieldset>
-               </section>
-              </div>
-              <div data-framer-name="Phone Slideshow" name="Phone Slideshow">
-               <section>
-                <div>
-                 <ul>
-                  <li aria-hidden="false">
-                   <div data-framer-name="Experts Phone 1">
-                    <div data-framer-name="Trueform" name="Trueform">
-                     <a name="Trueform" data-framer-name="Expert" href="https://www.framer.com/@trueform/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Alex Aperios" name="Alex Aperios">
-                     <a name="Alex Aperios" data-framer-name="Expert" href="https://www.framer.com/@alex-aperios/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Analogue Agency" name="Analogue Agency">
-                     <a name="Analogue Agency" data-framer-name="Expert" href="https://www.framer.com/@analogueagency/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Fabian Albert" name="Fabian Albert">
-                     <a name="Fabian Albert" data-framer-name="Expert" href="https://www.framer.com/@fabian-albert/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="false">
-                   <div data-framer-name="Experts Phone 2">
-                    <div data-framer-name="Allsite Studio" name="Allsite Studio">
-                     <a name="Allsite Studio" data-framer-name="Expert" href="https://www.framer.com/@ben-libor/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Aerolab" name="Aerolab">
-                     <a name="Aerolab" data-framer-name="Expert" href="https://www.framer.com/@aerolab/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Adriano Reis" name="Adriano Reis">
-                     <a name="Adriano Reis" data-framer-name="Expert" href="https://www.framer.com/@adrianoreis/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Deserve Studio" name="Deserve Studio">
-                     <a name="Deserve Studio" data-framer-name="Expert" href="https://www.framer.com/@deservestudio/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Experts Phone 1">
-                    <div data-framer-name="Trueform" name="Trueform">
-                     <a name="Trueform" data-framer-name="Expert" href="https://www.framer.com/@trueform/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Alex Aperios" name="Alex Aperios">
-                     <a name="Alex Aperios" data-framer-name="Expert" href="https://www.framer.com/@alex-aperios/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Analogue Agency" name="Analogue Agency">
-                     <a name="Analogue Agency" data-framer-name="Expert" href="https://www.framer.com/@analogueagency/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Fabian Albert" name="Fabian Albert">
-                     <a name="Fabian Albert" data-framer-name="Expert" href="https://www.framer.com/@fabian-albert/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Experts Phone 2">
-                    <div data-framer-name="Allsite Studio" name="Allsite Studio">
-                     <a name="Allsite Studio" data-framer-name="Expert" href="https://www.framer.com/@ben-libor/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Aerolab" name="Aerolab">
-                     <a name="Aerolab" data-framer-name="Expert" href="https://www.framer.com/@aerolab/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Adriano Reis" name="Adriano Reis">
-                     <a name="Adriano Reis" data-framer-name="Expert" href="https://www.framer.com/@adrianoreis/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Deserve Studio" name="Deserve Studio">
-                     <a name="Deserve Studio" data-framer-name="Expert" href="https://www.framer.com/@deservestudio/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Experts Phone 1">
-                    <div data-framer-name="Trueform" name="Trueform">
-                     <a name="Trueform" data-framer-name="Expert" href="https://www.framer.com/@trueform/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Alex Aperios" name="Alex Aperios">
-                     <a name="Alex Aperios" data-framer-name="Expert" href="https://www.framer.com/@alex-aperios/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Analogue Agency" name="Analogue Agency">
-                     <a name="Analogue Agency" data-framer-name="Expert" href="https://www.framer.com/@analogueagency/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Fabian Albert" name="Fabian Albert">
-                     <a name="Fabian Albert" data-framer-name="Expert" href="https://www.framer.com/@fabian-albert/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Experts Phone 2">
-                    <div data-framer-name="Allsite Studio" name="Allsite Studio">
-                     <a name="Allsite Studio" data-framer-name="Expert" href="https://www.framer.com/@ben-libor/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Aerolab" name="Aerolab">
-                     <a name="Aerolab" data-framer-name="Expert" href="https://www.framer.com/@aerolab/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Adriano Reis" name="Adriano Reis">
-                     <a name="Adriano Reis" data-framer-name="Expert" href="https://www.framer.com/@adrianoreis/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Deserve Studio" name="Deserve Studio">
-                     <a name="Deserve Studio" data-framer-name="Expert" href="https://www.framer.com/@deservestudio/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Experts Phone 1">
-                    <div data-framer-name="Trueform" name="Trueform">
-                     <a name="Trueform" data-framer-name="Expert" href="https://www.framer.com/@trueform/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Alex Aperios" name="Alex Aperios">
-                     <a name="Alex Aperios" data-framer-name="Expert" href="https://www.framer.com/@alex-aperios/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Analogue Agency" name="Analogue Agency">
-                     <a name="Analogue Agency" data-framer-name="Expert" href="https://www.framer.com/@analogueagency/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Fabian Albert" name="Fabian Albert">
-                     <a name="Fabian Albert" data-framer-name="Expert" href="https://www.framer.com/@fabian-albert/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Experts Phone 2">
-                    <div data-framer-name="Allsite Studio" name="Allsite Studio">
-                     <a name="Allsite Studio" data-framer-name="Expert" href="https://www.framer.com/@ben-libor/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Aerolab" name="Aerolab">
-                     <a name="Aerolab" data-framer-name="Expert" href="https://www.framer.com/@aerolab/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Adriano Reis" name="Adriano Reis">
-                     <a name="Adriano Reis" data-framer-name="Expert" href="https://www.framer.com/@adrianoreis/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                     </a>
-                    </div>
-                    <div data-framer-name="Deserve Studio" name="Deserve Studio">
-                     <a name="Deserve Studio" data-framer-name="Expert" href="https://www.framer.com/@deservestudio/">
-                      <div data-framer-name="Visual">
-                       <div data-framer-name="Wrapper">
-                        <div data-framer-name="Image 1">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                        <div data-framer-name="Image 2">
-                         <div>
-                          <img alt="">
-                         </div>
-                        </div>
-                       </div>
-                       <button data-framer-name="Button 2025">
-                        <div>
-                         <p>View Expert</p>
-                        </div>
-                       </button>
-                      </div>
-                     </a>
-                    </div>
-                   </div>
-                  </li>
-                 </ul>
-                </div>
-                <fieldset aria-label="Slideshow pagination controls">
-                 <div>
-                  <button type="button" aria-label="Previous">
-                   <img alt="Back Arrow">
-                  </button>
-                  <button type="button" aria-label="Next">
-                   <img alt="Next Arrow">
-                  </button>
-                 </div>
-                 <div>
-                  <button aria-label="Scroll to page 1" type="button">
-                   <div></div>
-                  </button>
-                  <button aria-label="Scroll to page 2" type="button">
-                   <div></div>
-                  </button>
-                 </div>
-                </fieldset>
-               </section>
-              </div>
+              </article>
              </div>
-            </section>
-            <section data-framer-name="Community">
-             <header data-framer-name="Header">
-              <div>
-               <h2>Launch faster with community resources</h2>
-              </div>
-              <div data-framer-name="Buttons">
-               <div>
+            </div>
+            <div>
+             <div>
+              <article data-framer-name="AI">
+               <div data-framer-name="Visual">
+                <div data-framer-name="Image">
+                 <div>
+                  <img alt="">
+                 </div>
+                </div>
+               </div>
+               <div data-framer-name="Text">
                 <div>
-                 <a data-framer-name="Regular" href="https://www.framer.com/marketplace/templates/">
-                  <div data-framer-name="Default">
-                   <p>Templates</p>
+                 <div>
+                  <h5>AI</h5>
+                 </div>
+                 <div>
+                  <p>Generate page layouts and advanced components in seconds with AI, so you can skip the blank canvas and start designing with confidence.</p>
+                 </div>
+                </div>
+                <div>
+                 <a data-framer-name="Small" href="./ai/">
+                  <div>
+                   <p>Learn more</p>
+                  </div>
+                  <div>
+                   <div></div>
                   </div>
                  </a>
                 </div>
                </div>
-               <div>
-                <div>
-                 <a data-framer-name="Phone" href="https://www.framer.com/marketplace/templates/">
-                  <div data-framer-name="Default">
-                   <p>Templates</p>
-                  </div>
-                 </a>
-                </div>
-               </div>
-               <div>
-                <div>
-                 <a data-framer-name="Regular" href="https://www.framer.com/marketplace/templates/">
-                  <div data-framer-name="Default">
-                   <p>Templates</p>
-                  </div>
-                 </a>
-                </div>
-               </div>
-               <div>
-                <div>
-                 <a data-framer-name="Regular" href="https://www.framer.com/marketplace/plugins/">
-                  <div data-framer-name="Default">
-                   <p>Plugins</p>
-                  </div>
-                 </a>
-                </div>
-               </div>
-               <div>
-                <div>
-                 <a data-framer-name="Phone" href="https://www.framer.com/marketplace/plugins/">
-                  <div data-framer-name="Default">
-                   <p>Plugins</p>
-                  </div>
-                 </a>
-                </div>
-               </div>
-               <div>
-                <div>
-                 <a data-framer-name="Regular" href="https://www.framer.com/marketplace/plugins/">
-                  <div data-framer-name="Default">
-                   <p>Plugins</p>
-                  </div>
-                 </a>
-                </div>
-               </div>
-               <div>
-                <div>
-                 <a data-framer-name="Regular" href="https://www.framer.com/marketplace/components/">
-                  <div data-framer-name="Default">
-                   <p>Components</p>
-                  </div>
-                 </a>
-                </div>
-               </div>
-               <div>
-                <div>
-                 <a data-framer-name="Phone" href="https://www.framer.com/marketplace/components/">
-                  <div data-framer-name="Default">
-                   <p>Components</p>
-                  </div>
-                 </a>
-                </div>
-               </div>
-               <div>
-                <div>
-                 <a data-framer-name="Regular" href="https://www.framer.com/marketplace/components/">
-                  <div data-framer-name="Default">
-                   <p>Components</p>
-                  </div>
-                 </a>
-                </div>
-               </div>
-              </div>
-             </header>
-             <div data-framer-name="Visual">
-              <div data-framer-name="Desktop">
-               <div>
-                <section>
-                 <ul>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Market Desktop 1">
-                    <div>
-                     <div>
-                      <a data-framer-name="Pause" href="https://www.framer.com/marketplace/components/image-slider/">
-                       <div data-framer-name="Visual">
-                        <div data-framer-name="Wrapper">
-                         <div>
-                          <video></video>
-                         </div>
-                         <div data-framer-name="Hover">
-                          <div>
-                           <img alt="Framer marketplace item">
-                          </div>
-                         </div>
-                        </div>
-                        <button data-framer-name="Button 2025">
-                         <div data-framer-name="Default">
-                          <p>View Component</p>
-                         </div>
-                        </button>
-                       </div>
-                       <div data-framer-name="Text">
-                        <div>
-                         <p>Image Slider</p>
-                        </div>
-                        <div data-framer-name="Bottom">
-                         <div>
-                          <p>Component</p>
-                         </div>
-                         <div>
-                          <p>Before and after images</p>
-                         </div>
-                        </div>
-                       </div>
-                      </a>
-                     </div>
-                     <div>
-                      <a data-framer-name="Pause" href="https://www.framer.com/marketplace/templates/milo/">
-                       <div data-framer-name="Visual">
-                        <div data-framer-name="Wrapper">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Framer marketplace item">
-                          </div>
-                         </div>
-                         <div data-framer-name="Hover">
-                          <div>
-                           <img alt="Framer marketplace item">
-                          </div>
-                         </div>
-                        </div>
-                        <button data-framer-name="Button 2025">
-                         <div data-framer-name="Default">
-                          <p>View Template</p>
-                         </div>
-                        </button>
-                       </div>
-                       <div data-framer-name="Text">
-                        <div>
-                         <p>Milo</p>
-                        </div>
-                        <div data-framer-name="Bottom">
-                         <div>
-                          <p>Template</p>
-                         </div>
-                         <div>
-                          <p>Furniture shop website</p>
-                         </div>
-                        </div>
-                       </div>
-                      </a>
-                     </div>
-                     <div>
-                      <a data-framer-name="Pause" href="https://www.framer.com/marketplace/plugins/notion/">
-                       <div data-framer-name="Visual">
-                        <div data-framer-name="Wrapper">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Framer marketplace item">
-                          </div>
-                         </div>
-                         <div data-framer-name="Hover">
-                          <div>
-                           <img alt="Framer marketplace item">
-                          </div>
-                         </div>
-                        </div>
-                        <button data-framer-name="Button 2025">
-                         <div data-framer-name="Default">
-                          <p>View Plugin</p>
-                         </div>
-                        </button>
-                       </div>
-                       <div data-framer-name="Text">
-                        <div>
-                         <p>Notion</p>
-                        </div>
-                        <div data-framer-name="Bottom">
-                         <div>
-                          <p>Plugin</p>
-                         </div>
-                         <div>
-                          <p>Sync with Notion</p>
-                         </div>
-                        </div>
-                       </div>
-                      </a>
-                     </div>
-                     <div>
-                      <a data-framer-name="Pause" href="https://www.framer.com/marketplace/components/hover-image-zoom/">
-                       <div data-framer-name="Visual">
-                        <div data-framer-name="Wrapper">
-                         <div>
-                          <video></video>
-                         </div>
-                         <div data-framer-name="Hover">
-                          <div>
-                           <img alt="Framer marketplace item">
-                          </div>
-                         </div>
-                        </div>
-                        <button data-framer-name="Button 2025">
-                         <div data-framer-name="Default">
-                          <p>View Component</p>
-                         </div>
-                        </button>
-                       </div>
-                       <div data-framer-name="Text">
-                        <div>
-                         <p>Hover Zoom</p>
-                        </div>
-                        <div data-framer-name="Bottom">
-                         <div>
-                          <p>Component</p>
-                         </div>
-                         <div>
-                          <p>Zoom and pan on hover</p>
-                         </div>
-                        </div>
-                       </div>
-                      </a>
-                     </div>
-                     <div>
-                      <a data-framer-name="Pause" href="https://www.framer.com/marketplace/templates/archer/">
-                       <div data-framer-name="Visual">
-                        <div data-framer-name="Wrapper">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Framer marketplace item">
-                          </div>
-                         </div>
-                         <div data-framer-name="Hover">
-                          <div>
-                           <img alt="Framer marketplace item">
-                          </div>
-                         </div>
-                        </div>
-                        <button data-framer-name="Button 2025">
-                         <div data-framer-name="Default">
-                          <p>View Template</p>
-                         </div>
-                        </button>
-                       </div>
-                       <div data-framer-name="Text">
-                        <div>
-                         <p>Archer</p>
-                        </div>
-                        <div data-framer-name="Bottom">
-                         <div>
-                          <p>Template</p>
-                         </div>
-                         <div>
-                          <p>Creative portfolio</p>
-                         </div>
-                        </div>
-                       </div>
-                      </a>
-                     </div>
-                     <div>
-                      <a data-framer-name="Pause" href="https://www.framer.com/marketplace/plugins/workshop/">
-                       <div data-framer-name="Visual">
-                        <div data-framer-name="Wrapper">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Framer marketplace item">
-                          </div>
-                         </div>
-                         <div data-framer-name="Hover">
-                          <div>
-                           <img alt="Framer marketplace item">
-                          </div>
-                         </div>
-                        </div>
-                        <button data-framer-name="Button 2025">
-                         <div data-framer-name="Default">
-                          <p>View Plugin</p>
-                         </div>
-                        </button>
-                       </div>
-                       <div data-framer-name="Text">
-                        <div>
-                         <p>Workshop</p>
-                        </div>
-                        <div data-framer-name="Bottom">
-                         <div>
-                          <p>Plugin</p>
-                         </div>
-                         <div>
-                          <p>Turn ideas into components</p>
-                         </div>
-                        </div>
-                       </div>
-                      </a>
-                     </div>
-                    </div>
-                   </div>
-                  </li>
-                 </ul>
-                </section>
-               </div>
-               <div>
-                <section>
-                 <ul>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Market Desktop 2">
-                    <div>
-                     <div>
-                      <a data-framer-name="Pause" href="https://www.framer.com/marketplace/components/digital-rotary-radio/">
-                       <div data-framer-name="Visual">
-                        <div data-framer-name="Wrapper">
-                         <div>
-                          <video></video>
-                         </div>
-                         <div data-framer-name="Hover">
-                          <div>
-                           <img alt="Framer marketplace item">
-                          </div>
-                         </div>
-                        </div>
-                        <button data-framer-name="Button 2025">
-                         <div data-framer-name="Default">
-                          <p>View Component</p>
-                         </div>
-                        </button>
-                       </div>
-                       <div data-framer-name="Text">
-                        <div>
-                         <p>Digital Rotary Radio</p>
-                        </div>
-                        <div data-framer-name="Bottom">
-                         <div>
-                          <p>Component</p>
-                         </div>
-                         <div>
-                          <p>Fully functional radio</p>
-                         </div>
-                        </div>
-                       </div>
-                      </a>
-                     </div>
-                     <div>
-                      <a data-framer-name="Pause" href="https://www.framer.com/marketplace/templates/apex-films/">
-                       <div data-framer-name="Visual">
-                        <div data-framer-name="Wrapper">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Framer marketplace item">
-                          </div>
-                         </div>
-                         <div data-framer-name="Hover">
-                          <div>
-                           <img alt="Framer marketplace item">
-                          </div>
-                         </div>
-                        </div>
-                        <button data-framer-name="Button 2025">
-                         <div data-framer-name="Default">
-                          <p>View Template</p>
-                         </div>
-                        </button>
-                       </div>
-                       <div data-framer-name="Text">
-                        <div>
-                         <p>Apex Films</p>
-                        </div>
-                        <div data-framer-name="Bottom">
-                         <div>
-                          <p>Template</p>
-                         </div>
-                         <div>
-                          <p>Multimedia portfolio</p>
-                         </div>
-                        </div>
-                       </div>
-                      </a>
-                     </div>
-                     <div>
-                      <a data-framer-name="Pause" href="https://www.framer.com/marketplace/components/flipcard-component/">
-                       <div data-framer-name="Visual">
-                        <div data-framer-name="Wrapper">
-                         <div>
-                          <video></video>
-                         </div>
-                         <div data-framer-name="Hover">
-                          <div>
-                           <img alt="Framer marketplace item">
-                          </div>
-                         </div>
-                        </div>
-                        <button data-framer-name="Button 2025">
-                         <div data-framer-name="Default">
-                          <p>View Component</p>
-                         </div>
-                        </button>
-                       </div>
-                       <div data-framer-name="Text">
-                        <div>
-                         <p>Flip Card</p>
-                        </div>
-                        <div data-framer-name="Bottom">
-                         <div>
-                          <p>Component</p>
-                         </div>
-                         <div>
-                          <p>Drag to flip cards</p>
-                         </div>
-                        </div>
-                       </div>
-                      </a>
-                     </div>
-                     <div>
-                      <a data-framer-name="Pause" href="https://www.framer.com/marketplace/components/animated-gradient/">
-                       <div data-framer-name="Visual">
-                        <div data-framer-name="Wrapper">
-                         <div>
-                          <video></video>
-                         </div>
-                         <div data-framer-name="Hover">
-                          <div>
-                           <img alt="Framer marketplace item">
-                          </div>
-                         </div>
-                        </div>
-                        <button data-framer-name="Button 2025">
-                         <div data-framer-name="Default">
-                          <p>View Component</p>
-                         </div>
-                        </button>
-                       </div>
-                       <div data-framer-name="Text">
-                        <div>
-                         <p>Animated Gradients</p>
-                        </div>
-                        <div data-framer-name="Bottom">
-                         <div>
-                          <p>Component</p>
-                         </div>
-                         <div>
-                          <p>Image reveal effect</p>
-                         </div>
-                        </div>
-                       </div>
-                      </a>
-                     </div>
-                     <div>
-                      <a data-framer-name="Pause" href="https://www.framer.com/marketplace/plugins/json-sync/">
-                       <div data-framer-name="Visual">
-                        <div data-framer-name="Wrapper">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Framer marketplace item">
-                          </div>
-                         </div>
-                         <div data-framer-name="Hover">
-                          <div>
-                           <img alt="Framer marketplace item">
-                          </div>
-                         </div>
-                        </div>
-                        <button data-framer-name="Button 2025">
-                         <div data-framer-name="Default">
-                          <p>View Plugin</p>
-                         </div>
-                        </button>
-                       </div>
-                       <div data-framer-name="Text">
-                        <div>
-                         <p>JSON Sync</p>
-                        </div>
-                        <div data-framer-name="Bottom">
-                         <div>
-                          <p>Plugin</p>
-                         </div>
-                         <div>
-                          <p>Import &amp; export CMS with JSON</p>
-                         </div>
-                        </div>
-                       </div>
-                      </a>
-                     </div>
-                     <div>
-                      <a data-framer-name="Pause" href="https://www.framer.com/marketplace/templates/baseform/">
-                       <div data-framer-name="Visual">
-                        <div data-framer-name="Wrapper">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Framer marketplace item">
-                          </div>
-                         </div>
-                         <div data-framer-name="Hover">
-                          <div>
-                           <img alt="Framer marketplace item">
-                          </div>
-                         </div>
-                        </div>
-                        <button data-framer-name="Button 2025">
-                         <div data-framer-name="Default">
-                          <p>View Template</p>
-                         </div>
-                        </button>
-                       </div>
-                       <div data-framer-name="Text">
-                        <div>
-                         <p>Baseform</p>
-                        </div>
-                        <div data-framer-name="Bottom">
-                         <div>
-                          <p>Template</p>
-                         </div>
-                         <div>
-                          <p>Modern design portfolio</p>
-                         </div>
-                        </div>
-                       </div>
-                      </a>
-                     </div>
-                    </div>
-                   </div>
-                  </li>
-                 </ul>
-                </section>
-               </div>
-              </div>
-              <div data-framer-name="Phone">
-               <div>
-                <section>
-                 <ul>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Market Phone 1">
-                    <div>
-                     <div data-framer-name="Milo" name="Milo">
-                      <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/components/image-slider/">
-                       <div data-framer-name="Visual">
-                        <div data-framer-name="Wrapper">
-                         <div>
-                          <video></video>
-                         </div>
-                         <div data-framer-name="Hover">
-                          <div>
-                           <img alt="Framer marketplace item">
-                          </div>
-                         </div>
-                        </div>
-                        <button data-framer-name="Button 2025">
-                         <div data-framer-name="Default">
-                          <p>View Component</p>
-                         </div>
-                        </button>
-                       </div>
-                       <div data-framer-name="Text">
-                        <div>
-                         <p>Image Slider</p>
-                        </div>
-                        <div data-framer-name="Bottom">
-                         <div>
-                          <p>Component</p>
-                         </div>
-                         <div>
-                          <p>Before and after images</p>
-                         </div>
-                        </div>
-                       </div>
-                      </a>
-                     </div>
-                     <div data-framer-name="Milo" name="Milo">
-                      <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/templates/milo/">
-                       <div data-framer-name="Visual">
-                        <div data-framer-name="Wrapper">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Framer marketplace item">
-                          </div>
-                         </div>
-                         <div data-framer-name="Hover">
-                          <div>
-                           <img alt="Framer marketplace item">
-                          </div>
-                         </div>
-                        </div>
-                        <button data-framer-name="Button 2025">
-                         <div data-framer-name="Default">
-                          <p>View Template</p>
-                         </div>
-                        </button>
-                       </div>
-                       <div data-framer-name="Text">
-                        <div>
-                         <p>Milo</p>
-                        </div>
-                        <div data-framer-name="Bottom">
-                         <div>
-                          <p>Template</p>
-                         </div>
-                         <div>
-                          <p>Furniture shop website</p>
-                         </div>
-                        </div>
-                       </div>
-                      </a>
-                     </div>
-                     <div data-framer-name="Milo" name="Milo">
-                      <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/plugins/notion/">
-                       <div data-framer-name="Visual">
-                        <div data-framer-name="Wrapper">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Framer marketplace item">
-                          </div>
-                         </div>
-                         <div data-framer-name="Hover">
-                          <div>
-                           <img alt="Framer marketplace item">
-                          </div>
-                         </div>
-                        </div>
-                        <button data-framer-name="Button 2025">
-                         <div data-framer-name="Default">
-                          <p>View Plugin</p>
-                         </div>
-                        </button>
-                       </div>
-                       <div data-framer-name="Text">
-                        <div>
-                         <p>Notion</p>
-                        </div>
-                        <div data-framer-name="Bottom">
-                         <div>
-                          <p>Plugin</p>
-                         </div>
-                         <div>
-                          <p>Sync with Notion</p>
-                         </div>
-                        </div>
-                       </div>
-                      </a>
-                     </div>
-                     <div data-framer-name="Milo" name="Milo">
-                      <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/components/hover-image-zoom/">
-                       <div data-framer-name="Visual">
-                        <div data-framer-name="Wrapper">
-                         <div>
-                          <video></video>
-                         </div>
-                         <div data-framer-name="Hover">
-                          <div>
-                           <img alt="Framer marketplace item">
-                          </div>
-                         </div>
-                        </div>
-                        <button data-framer-name="Button 2025">
-                         <div data-framer-name="Default">
-                          <p>View Component</p>
-                         </div>
-                        </button>
-                       </div>
-                       <div data-framer-name="Text">
-                        <div>
-                         <p>Hover Zoom</p>
-                        </div>
-                        <div data-framer-name="Bottom">
-                         <div>
-                          <p>Component</p>
-                         </div>
-                         <div>
-                          <p>Zoom and pan on hover</p>
-                         </div>
-                        </div>
-                       </div>
-                      </a>
-                     </div>
-                     <div data-framer-name="Milo" name="Milo">
-                      <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/templates/archer/">
-                       <div data-framer-name="Visual">
-                        <div data-framer-name="Wrapper">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Framer marketplace item">
-                          </div>
-                         </div>
-                         <div data-framer-name="Hover">
-                          <div>
-                           <img alt="Framer marketplace item">
-                          </div>
-                         </div>
-                        </div>
-                        <button data-framer-name="Button 2025">
-                         <div data-framer-name="Default">
-                          <p>View Template</p>
-                         </div>
-                        </button>
-                       </div>
-                       <div data-framer-name="Text">
-                        <div>
-                         <p>Archer</p>
-                        </div>
-                        <div data-framer-name="Bottom">
-                         <div>
-                          <p>Template</p>
-                         </div>
-                         <div>
-                          <p>Creative portfolio</p>
-                         </div>
-                        </div>
-                       </div>
-                      </a>
-                     </div>
-                     <div data-framer-name="Milo" name="Milo">
-                      <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/plugins/workshop/">
-                       <div data-framer-name="Visual">
-                        <div data-framer-name="Wrapper">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Framer marketplace item">
-                          </div>
-                         </div>
-                         <div data-framer-name="Hover">
-                          <div>
-                           <img alt="Framer marketplace item">
-                          </div>
-                         </div>
-                        </div>
-                        <button data-framer-name="Button 2025">
-                         <div data-framer-name="Default">
-                          <p>View Plugin</p>
-                         </div>
-                        </button>
-                       </div>
-                       <div data-framer-name="Text">
-                        <div>
-                         <p>Workshop</p>
-                        </div>
-                        <div data-framer-name="Bottom">
-                         <div>
-                          <p>Plugin</p>
-                         </div>
-                         <div>
-                          <p>Turn ideas into components</p>
-                         </div>
-                        </div>
-                       </div>
-                      </a>
-                     </div>
-                     <div data-framer-name="Milo" name="Milo">
-                      <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/components/digital-rotary-radio/">
-                       <div data-framer-name="Visual">
-                        <div data-framer-name="Wrapper">
-                         <div>
-                          <video></video>
-                         </div>
-                         <div data-framer-name="Hover">
-                          <div>
-                           <img alt="Framer marketplace item">
-                          </div>
-                         </div>
-                        </div>
-                        <button data-framer-name="Button 2025">
-                         <div data-framer-name="Default">
-                          <p>View Component</p>
-                         </div>
-                        </button>
-                       </div>
-                       <div data-framer-name="Text">
-                        <div>
-                         <p>Digital Rotary Radio</p>
-                        </div>
-                        <div data-framer-name="Bottom">
-                         <div>
-                          <p>Component</p>
-                         </div>
-                         <div>
-                          <p>Fully functional radio</p>
-                         </div>
-                        </div>
-                       </div>
-                      </a>
-                     </div>
-                    </div>
-                   </div>
-                  </li>
-                 </ul>
-                </section>
-               </div>
-               <div>
-                <section>
-                 <ul>
-                  <li aria-hidden="true">
-                   <div data-framer-name="Market Phone 2">
-                    <div>
-                     <div data-framer-name="Milo" name="Milo">
-                      <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/templates/apex-films/">
-                       <div data-framer-name="Visual">
-                        <div data-framer-name="Wrapper">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Framer marketplace item">
-                          </div>
-                         </div>
-                         <div data-framer-name="Hover">
-                          <div>
-                           <img alt="Framer marketplace item">
-                          </div>
-                         </div>
-                        </div>
-                        <button data-framer-name="Button 2025">
-                         <div data-framer-name="Default">
-                          <p>View Template</p>
-                         </div>
-                        </button>
-                       </div>
-                       <div data-framer-name="Text">
-                        <div>
-                         <p>Apex Films</p>
-                        </div>
-                        <div data-framer-name="Bottom">
-                         <div>
-                          <p>Template</p>
-                         </div>
-                         <div>
-                          <p>Multimedia portfolio</p>
-                         </div>
-                        </div>
-                       </div>
-                      </a>
-                     </div>
-                     <div data-framer-name="Milo" name="Milo">
-                      <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/components/flipcard-component/">
-                       <div data-framer-name="Visual">
-                        <div data-framer-name="Wrapper">
-                         <div>
-                          <video></video>
-                         </div>
-                         <div data-framer-name="Hover">
-                          <div>
-                           <img alt="Framer marketplace item">
-                          </div>
-                         </div>
-                        </div>
-                        <button data-framer-name="Button 2025">
-                         <div data-framer-name="Default">
-                          <p>View Component</p>
-                         </div>
-                        </button>
-                       </div>
-                       <div data-framer-name="Text">
-                        <div>
-                         <p>Flip Card</p>
-                        </div>
-                        <div data-framer-name="Bottom">
-                         <div>
-                          <p>Component</p>
-                         </div>
-                         <div>
-                          <p>Drag to flip cards</p>
-                         </div>
-                        </div>
-                       </div>
-                      </a>
-                     </div>
-                     <div data-framer-name="Milo" name="Milo">
-                      <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/components/animated-gradient/">
-                       <div data-framer-name="Visual">
-                        <div data-framer-name="Wrapper">
-                         <div>
-                          <video></video>
-                         </div>
-                         <div data-framer-name="Hover">
-                          <div>
-                           <img alt="Framer marketplace item">
-                          </div>
-                         </div>
-                        </div>
-                        <button data-framer-name="Button 2025">
-                         <div data-framer-name="Default">
-                          <p>View Component</p>
-                         </div>
-                        </button>
-                       </div>
-                       <div data-framer-name="Text">
-                        <div>
-                         <p>Animated Gradients</p>
-                        </div>
-                        <div data-framer-name="Bottom">
-                         <div>
-                          <p>Component</p>
-                         </div>
-                         <div>
-                          <p>Image reveal effect</p>
-                         </div>
-                        </div>
-                       </div>
-                      </a>
-                     </div>
-                     <div data-framer-name="Milo" name="Milo">
-                      <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/plugins/json-sync/">
-                       <div data-framer-name="Visual">
-                        <div data-framer-name="Wrapper">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Framer marketplace item">
-                          </div>
-                         </div>
-                         <div data-framer-name="Hover">
-                          <div>
-                           <img alt="Framer marketplace item">
-                          </div>
-                         </div>
-                        </div>
-                        <button data-framer-name="Button 2025">
-                         <div data-framer-name="Default">
-                          <p>View Plugin</p>
-                         </div>
-                        </button>
-                       </div>
-                       <div data-framer-name="Text">
-                        <div>
-                         <p>JSON Sync</p>
-                        </div>
-                        <div data-framer-name="Bottom">
-                         <div>
-                          <p>Plugin</p>
-                         </div>
-                         <div>
-                          <p>Import &amp; export CMS with JSON</p>
-                         </div>
-                        </div>
-                       </div>
-                      </a>
-                     </div>
-                     <div data-framer-name="Milo" name="Milo">
-                      <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/templates/baseform/">
-                       <div data-framer-name="Visual">
-                        <div data-framer-name="Wrapper">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Framer marketplace item">
-                          </div>
-                         </div>
-                         <div data-framer-name="Hover">
-                          <div>
-                           <img alt="Framer marketplace item">
-                          </div>
-                         </div>
-                        </div>
-                        <button data-framer-name="Button 2025">
-                         <div data-framer-name="Default">
-                          <p>View Template</p>
-                         </div>
-                        </button>
-                       </div>
-                       <div data-framer-name="Text">
-                        <div>
-                         <p>Baseform</p>
-                        </div>
-                        <div data-framer-name="Bottom">
-                         <div>
-                          <p>Template</p>
-                         </div>
-                         <div>
-                          <p>Modern design portfolio</p>
-                         </div>
-                        </div>
-                       </div>
-                      </a>
-                     </div>
-                     <div data-framer-name="Milo" name="Milo">
-                      <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/plugins/asset-manager/">
-                       <div data-framer-name="Visual">
-                        <div data-framer-name="Wrapper">
-                         <div data-framer-name="Image">
-                          <div>
-                           <img alt="Framer marketplace item">
-                          </div>
-                         </div>
-                         <div data-framer-name="Hover">
-                          <div>
-                           <img alt="Framer marketplace item">
-                          </div>
-                         </div>
-                        </div>
-                        <button data-framer-name="Button 2025">
-                         <div data-framer-name="Default">
-                          <p>View Plugin</p>
-                         </div>
-                        </button>
-                       </div>
-                       <div data-framer-name="Text">
-                        <div>
-                         <p>Asset Manager</p>
-                        </div>
-                        <div data-framer-name="Bottom">
-                         <div>
-                          <p>Plugin</p>
-                         </div>
-                         <div>
-                          <p>Manage your site's assets</p>
-                         </div>
-                        </div>
-                       </div>
-                      </a>
-                     </div>
-                     <div data-framer-name="Milo" name="Milo">
-                      <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/components/videoplayer/">
-                       <div data-framer-name="Visual">
-                        <div data-framer-name="Wrapper">
-                         <div>
-                          <video></video>
-                         </div>
-                         <div data-framer-name="Hover">
-                          <div>
-                           <img alt="Framer marketplace item">
-                          </div>
-                         </div>
-                        </div>
-                        <button data-framer-name="Button 2025">
-                         <div data-framer-name="Default">
-                          <p>View Component</p>
-                         </div>
-                        </button>
-                       </div>
-                       <div data-framer-name="Text">
-                        <div>
-                         <p>Video Player</p>
-                        </div>
-                        <div data-framer-name="Bottom">
-                         <div>
-                          <p>Component</p>
-                         </div>
-                         <div>
-                          <p>Beautiful video player</p>
-                         </div>
-                        </div>
-                       </div>
-                      </a>
-                     </div>
-                    </div>
-                   </div>
-                  </li>
-                 </ul>
-                </section>
-               </div>
-              </div>
+              </article>
              </div>
-            </section>
-           </main>
+            </div>
+            <div>
+             <div>
+              <article data-framer-name="AI">
+               <div data-framer-name="Visual">
+                <div data-framer-name="Image">
+                 <div>
+                  <img alt="">
+                 </div>
+                </div>
+               </div>
+               <div data-framer-name="Text">
+                <div>
+                 <div>
+                  <h5>AI</h5>
+                 </div>
+                 <div>
+                  <p>Generate page layouts and advanced components in seconds with AI, so you can skip the blank canvas and start designing with confidence.</p>
+                 </div>
+                </div>
+                <div>
+                 <a data-framer-name="Small" href="./ai/">
+                  <div>
+                   <p>Learn more</p>
+                  </div>
+                  <div>
+                   <div></div>
+                  </div>
+                 </a>
+                </div>
+               </div>
+              </article>
+             </div>
+            </div>
+            <div>
+             <div>
+              <article data-framer-name="Design">
+               <div data-framer-name="Visual">
+                <div data-framer-name="Image">
+                 <div>
+                  <img alt="">
+                 </div>
+                </div>
+               </div>
+               <div data-framer-name="Text">
+                <div>
+                 <div>
+                  <h5>Design</h5>
+                 </div>
+                 <div>
+                  <p>Craft responsive layouts and bring them to life with smooth effects, interactions, and animations. Build exactly what you imagine, visually.</p>
+                 </div>
+                </div>
+                <div>
+                 <a data-framer-name="Small" href="./design/">
+                  <div>
+                   <p>Learn more</p>
+                  </div>
+                  <div>
+                   <div></div>
+                  </div>
+                 </a>
+                </div>
+               </div>
+              </article>
+             </div>
+            </div>
+            <div>
+             <div>
+              <article data-framer-name="Design">
+               <div data-framer-name="Visual">
+                <div data-framer-name="Image">
+                 <div>
+                  <img alt="">
+                 </div>
+                </div>
+               </div>
+               <div data-framer-name="Text">
+                <div>
+                 <div>
+                  <h5>Design</h5>
+                 </div>
+                 <div>
+                  <p>Craft responsive layouts and bring them to life with smooth effects, interactions, and animations. Build exactly what you imagine, visually.</p>
+                 </div>
+                </div>
+                <div>
+                 <a data-framer-name="Small" href="./design/">
+                  <div>
+                   <p>Learn more</p>
+                  </div>
+                  <div>
+                   <div></div>
+                  </div>
+                 </a>
+                </div>
+               </div>
+              </article>
+             </div>
+            </div>
+            <div>
+             <div>
+              <article data-framer-name="Design">
+               <div data-framer-name="Visual">
+                <div data-framer-name="Image">
+                 <div>
+                  <img alt="">
+                 </div>
+                </div>
+               </div>
+               <div data-framer-name="Text">
+                <div>
+                 <div>
+                  <h5>Design</h5>
+                 </div>
+                 <div>
+                  <p>Craft responsive layouts and bring them to life with smooth effects, interactions, and animations. Build exactly what you imagine, visually.</p>
+                 </div>
+                </div>
+                <div>
+                 <a data-framer-name="Small" href="./design/">
+                  <div>
+                   <p>Learn more</p>
+                  </div>
+                  <div>
+                   <div></div>
+                  </div>
+                 </a>
+                </div>
+               </div>
+              </article>
+             </div>
+            </div>
+            <div>
+             <div>
+              <article data-framer-name="CMS">
+               <div data-framer-name="Visual">
+                <div data-framer-name="Image">
+                 <div>
+                  <img alt="">
+                 </div>
+                </div>
+               </div>
+               <div data-framer-name="Text">
+                <div>
+                 <div>
+                  <h5>CMS</h5>
+                 </div>
+                 <div>
+                  <p>Manage and update your content effortlessly with a built-in CMS. Keep your site fresh without touching code.</p>
+                 </div>
+                </div>
+                <div>
+                 <a data-framer-name="Small" href="./scale/">
+                  <div>
+                   <p>Learn more</p>
+                  </div>
+                  <div>
+                   <div></div>
+                  </div>
+                 </a>
+                </div>
+               </div>
+              </article>
+             </div>
+            </div>
+            <div>
+             <div>
+              <article data-framer-name="CMS">
+               <div data-framer-name="Visual">
+                <div data-framer-name="Image">
+                 <div>
+                  <img alt="">
+                 </div>
+                </div>
+               </div>
+               <div data-framer-name="Text">
+                <div>
+                 <div>
+                  <h5>CMS</h5>
+                 </div>
+                 <div>
+                  <p>Manage and update your content effortlessly with a built-in CMS. Keep your site fresh without touching code.</p>
+                 </div>
+                </div>
+                <div>
+                 <a data-framer-name="Small" href="./scale/">
+                  <div>
+                   <p>Learn more</p>
+                  </div>
+                  <div>
+                   <div></div>
+                  </div>
+                 </a>
+                </div>
+               </div>
+              </article>
+             </div>
+            </div>
+            <div>
+             <div>
+              <article data-framer-name="CMS">
+               <div data-framer-name="Visual">
+                <div data-framer-name="Image">
+                 <div>
+                  <img alt="">
+                 </div>
+                </div>
+               </div>
+               <div data-framer-name="Text">
+                <div>
+                 <div>
+                  <h5>CMS</h5>
+                 </div>
+                 <div>
+                  <p>Manage and update your content effortlessly with a built-in CMS. Keep your site fresh without touching code.</p>
+                 </div>
+                </div>
+                <div>
+                 <a data-framer-name="Small" href="./scale/">
+                  <div>
+                   <p>Learn more</p>
+                  </div>
+                  <div>
+                   <div></div>
+                  </div>
+                 </a>
+                </div>
+               </div>
+              </article>
+             </div>
+            </div>
+            <div>
+             <div>
+              <article data-framer-name="Collaborate">
+               <div data-framer-name="Visual">
+                <div data-framer-name="Image">
+                 <div>
+                  <img alt="">
+                 </div>
+                </div>
+               </div>
+               <div data-framer-name="Text">
+                <div>
+                 <div>
+                  <h5>Collaborate</h5>
+                 </div>
+                 <div>
+                  <p>Whether you’re collaborating on the canvas or editing copy directly on the page, updates are seamless and handoff-free.</p>
+                 </div>
+                </div>
+                <div>
+                 <a data-framer-name="Small" href="./scale/">
+                  <div>
+                   <p>Learn more</p>
+                  </div>
+                  <div>
+                   <div></div>
+                  </div>
+                 </a>
+                </div>
+               </div>
+              </article>
+             </div>
+            </div>
+            <div>
+             <div>
+              <article data-framer-name="Collaborate">
+               <div data-framer-name="Visual">
+                <div data-framer-name="Image">
+                 <div>
+                  <img alt="">
+                 </div>
+                </div>
+               </div>
+               <div data-framer-name="Text">
+                <div>
+                 <div>
+                  <h5>Collaborate</h5>
+                 </div>
+                 <div>
+                  <p>Whether you’re collaborating on the canvas or editing copy directly on the page, updates are seamless and handoff-free.</p>
+                 </div>
+                </div>
+                <div>
+                 <a data-framer-name="Small" href="./scale/">
+                  <div>
+                   <p>Learn more</p>
+                  </div>
+                  <div>
+                   <div></div>
+                  </div>
+                 </a>
+                </div>
+               </div>
+              </article>
+             </div>
+            </div>
+            <div>
+             <div>
+              <article data-framer-name="Collaborate">
+               <div data-framer-name="Visual">
+                <div data-framer-name="Image">
+                 <div>
+                  <img alt="">
+                 </div>
+                </div>
+               </div>
+               <div data-framer-name="Text">
+                <div>
+                 <div>
+                  <h5>Collaborate</h5>
+                 </div>
+                 <div>
+                  <p>Whether you’re collaborating on the canvas or editing copy directly on the page, updates are seamless and handoff-free.</p>
+                 </div>
+                </div>
+                <div>
+                 <a data-framer-name="Small" href="./scale/">
+                  <div>
+                   <p>Learn more</p>
+                  </div>
+                  <div>
+                   <div></div>
+                  </div>
+                 </a>
+                </div>
+               </div>
+              </article>
+             </div>
+            </div>
+           </div>
+          </section>
+          <section data-framer-name="Scale">
+           <header data-framer-name="Header">
+            <div>
+             <h2>Scale without switching tools</h2>
+            </div>
+           </header>
+           <div data-framer-name="Features">
+            <div>
+             <div data-framer-name="Card">
+              <div>
+               <img alt="3D render">
+              </div>
+              <div data-framer-name="Header">
+               <div data-framer-name="Text">
+                <div>
+                 <h6>Analytics &amp; insights</h6>
+                </div>
+                <div>
+                 <p>Track traffic, measure performance, and monitor conversions.</p>
+                </div>
+               </div>
+               <div>
+                <a data-framer-name="Default" href="./analytics">
+                 <div>
+                  <h3>Learn more</h3>
+                 </div>
+                 <div>
+                  <div></div>
+                 </div>
+                </a>
+               </div>
+              </div>
+              <div data-framer-name="Visual">
+               <div data-framer-name="Desktop">
+                <div data-framer-name="UI">
+                 <div data-framer-name="Stats">
+                  <div data-framer-name="Content">
+                   <div>
+                    <p>January 9, 2026</p>
+                   </div>
+                   <div></div>
+                   <div>
+                    <div></div>
+                    <div>
+                     <p>Pageviews</p>
+                    </div>
+                    <div>
+                     <p>258,156</p>
+                    </div>
+                   </div>
+                   <div>
+                    <div></div>
+                    <div>
+                     <p>Visitors</p>
+                    </div>
+                    <div>
+                     <p>85,458</p>
+                    </div>
+                   </div>
+                  </div>
+                 </div>
+                 <div data-framer-name="Modal">
+                  <div data-framer-name="Card">
+                   <div>
+                    <div>
+                     <div>
+                      <p>Overview</p>
+                     </div>
+                    </div>
+                   </div>
+                   <div>
+                    <div>
+                     <div>
+                      <div data-framer-name="Pulse">
+                       <div data-framer-name="Pulse"></div>
+                       <div data-framer-name="Dot"></div>
+                      </div>
+                      <div data-framer-name="Device Title">
+                       <p>Live Visitors</p>
+                      </div>
+                     </div>
+                     <div>
+                      <h6>400</h6>
+                     </div>
+                    </div>
+                    <div>
+                     <div data-framer-name="Device Title">
+                      <p>Unique Visitors</p>
+                     </div>
+                     <div>
+                      <h6>1.7M</h6>
+                     </div>
+                    </div>
+                    <div>
+                     <div data-framer-name="Device Title">
+                      <p>Total Pageviews</p>
+                     </div>
+                     <div>
+                      <h6>3.2M</h6>
+                     </div>
+                    </div>
+                   </div>
+                  </div>
+                  <div>
+                   <div>
+                    <p>330k</p>
+                   </div>
+                   <div></div>
+                   <div>
+                    <div aria-hidden="true"></div>
+                   </div>
+                   <div>
+                    <div aria-hidden="true"></div>
+                   </div>
+                  </div>
+                  <div></div>
+                  <div>
+                   <div data-framer-name="Card">
+                    <div>
+                     <div>
+                      <div>
+                       <p>Sources</p>
+                      </div>
+                      <div data-framer-name="Segment Control">
+                       <div data-framer-name="Hide">
+                        <p>Referrer</p>
+                       </div>
+                       <div data-framer-name="Dropdown Icon" aria-hidden="true">
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                    </div>
+                    <div data-framer-name="Analytics Group 2">
+                     <div data-framer-name="Percentage Click"></div>
+                     <div>
+                      <div>
+                       <div data-framer-name="bar"></div>
+                       <div>
+                        <div data-framer-name="Graphic" aria-hidden="true">
+                         <div></div>
+                        </div>
+                       </div>
+                       <div>
+                        <p>google.com</p>
+                       </div>
+                       <div>
+                        <p>436K</p>
+                       </div>
+                      </div>
+                      <div>
+                       <div>
+                        <div aria-hidden="true"></div>
+                       </div>
+                       <div>
+                        <p>chatgpt.com</p>
+                       </div>
+                       <div>
+                        <p>189K</p>
+                       </div>
+                       <div data-framer-name="bar"></div>
+                      </div>
+                      <div>
+                       <div aria-hidden="true"></div>
+                       <div>
+                        <p>linkedin.com</p>
+                       </div>
+                       <div data-framer-name="bar"></div>
+                       <div>
+                        <p>96K</p>
+                       </div>
+                      </div>
+                      <div>
+                       <div>
+                        <div data-framer-name="Youtube-svgrepo-com" aria-hidden="true"></div>
+                        <div aria-hidden="true"></div>
+                       </div>
+                       <div>
+                        <p>youtube.com</p>
+                       </div>
+                       <div data-framer-name="bar"></div>
+                       <div>
+                        <p>82K</p>
+                       </div>
+                      </div>
+                      <div>
+                       <div>
+                        <div aria-hidden="true"></div>
+                       </div>
+                       <div>
+                        <p>bing.com</p>
+                       </div>
+                       <div>
+                        <p>71K</p>
+                       </div>
+                       <div data-framer-name="bar"></div>
+                      </div>
+                      <div>
+                       <div data-framer-name="graphic" aria-hidden="true"></div>
+                       <div>
+                        <p>x.com</p>
+                       </div>
+                       <div>
+                        <p>49K</p>
+                       </div>
+                       <div data-framer-name="bar"></div>
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                   <div data-framer-name="Card">
+                    <div>
+                     <div>
+                      <p>Pages</p>
+                     </div>
+                     <div data-framer-name="Segment Control">
+                      <div data-framer-name="Hide">
+                       <p>All</p>
+                      </div>
+                      <div data-framer-name="Dropdown Icon" aria-hidden="true">
+                       <div></div>
+                      </div>
+                     </div>
+                    </div>
+                    <div data-framer-name="pages-group">
+                     <div data-framer-name="Page">
+                      <div data-framer-name="icon-layer-home" aria-hidden="true"></div>
+                      <div>
+                       <p>Home</p>
+                      </div>
+                      <div>
+                       <p>1.8M</p>
+                      </div>
+                      <div data-framer-name="Bar"></div>
+                     </div>
+                     <div>
+                      <div data-framer-name="graphic" aria-hidden="true"></div>
+                      <div>
+                       <p>/pricing</p>
+                      </div>
+                      <div data-framer-name="bar"></div>
+                      <div>
+                       <p>156K</p>
+                      </div>
+                     </div>
+                     <div>
+                      <div data-framer-name="graphic" aria-hidden="true"></div>
+                      <div>
+                       <p>/gallery</p>
+                      </div>
+                      <div>
+                       <p>91K</p>
+                      </div>
+                      <div data-framer-name="bar"></div>
+                     </div>
+                     <div>
+                      <div data-framer-name="graphic" aria-hidden="true"></div>
+                      <div>
+                       <p>/updates</p>
+                      </div>
+                      <div>
+                       <p>44K</p>
+                      </div>
+                      <div data-framer-name="Bar"></div>
+                     </div>
+                     <div>
+                      <div data-framer-name="graphic" aria-hidden="true"></div>
+                      <div>
+                       <p>/features/design</p>
+                      </div>
+                      <div>
+                       <p>39K</p>
+                      </div>
+                      <div data-framer-name="Bar"></div>
+                     </div>
+                     <div>
+                      <div data-framer-name="Bar"></div>
+                      <div data-framer-name="graphic" aria-hidden="true"></div>
+                      <div>
+                       <p>/features/cms</p>
+                      </div>
+                      <div>
+                       <p>27K</p>
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                  </div>
+                  <div></div>
+                 </div>
+                </div>
+               </div>
+               <div data-framer-name="Phone">
+                <div>
+                 <img alt="">
+                </div>
+               </div>
+              </div>
+              <div data-framer-name="Fade"></div>
+              <div data-framer-name="Border"></div>
+             </div>
+            </div>
+            <div>
+             <div data-framer-name="Card">
+              <div>
+               <img alt="3D render">
+              </div>
+              <div data-framer-name="Header">
+               <div data-framer-name="Text">
+                <div>
+                 <h6>Analytics &amp; insights</h6>
+                </div>
+                <div>
+                 <p>Track traffic, measure performance, and monitor conversions.</p>
+                </div>
+               </div>
+               <div>
+                <a data-framer-name="Small" href="./analytics">
+                 <div>
+                  <p>Learn more</p>
+                 </div>
+                 <div>
+                  <div></div>
+                 </div>
+                </a>
+               </div>
+              </div>
+              <div data-framer-name="Visual">
+               <div data-framer-name="Desktop">
+                <div data-framer-name="UI">
+                 <div data-framer-name="Stats">
+                  <div data-framer-name="Content">
+                   <div>
+                    <p>January 9, 2026</p>
+                   </div>
+                   <div></div>
+                   <div>
+                    <div></div>
+                    <div>
+                     <p>Pageviews</p>
+                    </div>
+                    <div>
+                     <p>258,156</p>
+                    </div>
+                   </div>
+                   <div>
+                    <div></div>
+                    <div>
+                     <p>Visitors</p>
+                    </div>
+                    <div>
+                     <p>85,458</p>
+                    </div>
+                   </div>
+                  </div>
+                 </div>
+                 <div data-framer-name="Modal">
+                  <div data-framer-name="Card">
+                   <div>
+                    <div>
+                     <div>
+                      <p>Overview</p>
+                     </div>
+                    </div>
+                   </div>
+                   <div>
+                    <div>
+                     <div>
+                      <div data-framer-name="Pulse">
+                       <div data-framer-name="Pulse"></div>
+                       <div data-framer-name="Dot"></div>
+                      </div>
+                      <div data-framer-name="Device Title">
+                       <p>Live Visitors</p>
+                      </div>
+                     </div>
+                     <div>
+                      <h6>400</h6>
+                     </div>
+                    </div>
+                    <div>
+                     <div data-framer-name="Device Title">
+                      <p>Unique Visitors</p>
+                     </div>
+                     <div>
+                      <h6>1.7M</h6>
+                     </div>
+                    </div>
+                    <div>
+                     <div data-framer-name="Device Title">
+                      <p>Total Pageviews</p>
+                     </div>
+                     <div>
+                      <h6>3.2M</h6>
+                     </div>
+                    </div>
+                   </div>
+                  </div>
+                  <div>
+                   <div>
+                    <p>330k</p>
+                   </div>
+                   <div></div>
+                   <div>
+                    <div aria-hidden="true"></div>
+                   </div>
+                   <div>
+                    <div aria-hidden="true"></div>
+                   </div>
+                  </div>
+                  <div></div>
+                  <div>
+                   <div data-framer-name="Card">
+                    <div>
+                     <div>
+                      <div>
+                       <p>Sources</p>
+                      </div>
+                      <div data-framer-name="Segment Control">
+                       <div data-framer-name="Hide">
+                        <p>Referrer</p>
+                       </div>
+                       <div data-framer-name="Dropdown Icon" aria-hidden="true">
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                    </div>
+                    <div data-framer-name="Analytics Group 2">
+                     <div data-framer-name="Percentage Click"></div>
+                     <div>
+                      <div>
+                       <div data-framer-name="bar"></div>
+                       <div>
+                        <div data-framer-name="Graphic" aria-hidden="true">
+                         <div></div>
+                        </div>
+                       </div>
+                       <div>
+                        <p>google.com</p>
+                       </div>
+                       <div>
+                        <p>436K</p>
+                       </div>
+                      </div>
+                      <div>
+                       <div>
+                        <div aria-hidden="true"></div>
+                       </div>
+                       <div>
+                        <p>chatgpt.com</p>
+                       </div>
+                       <div>
+                        <p>189K</p>
+                       </div>
+                       <div data-framer-name="bar"></div>
+                      </div>
+                      <div>
+                       <div aria-hidden="true"></div>
+                       <div>
+                        <p>linkedin.com</p>
+                       </div>
+                       <div data-framer-name="bar"></div>
+                       <div>
+                        <p>96K</p>
+                       </div>
+                      </div>
+                      <div>
+                       <div>
+                        <div data-framer-name="Youtube-svgrepo-com" aria-hidden="true"></div>
+                        <div aria-hidden="true"></div>
+                       </div>
+                       <div>
+                        <p>youtube.com</p>
+                       </div>
+                       <div data-framer-name="bar"></div>
+                       <div>
+                        <p>82K</p>
+                       </div>
+                      </div>
+                      <div>
+                       <div>
+                        <div aria-hidden="true"></div>
+                       </div>
+                       <div>
+                        <p>bing.com</p>
+                       </div>
+                       <div>
+                        <p>71K</p>
+                       </div>
+                       <div data-framer-name="bar"></div>
+                      </div>
+                      <div>
+                       <div data-framer-name="graphic" aria-hidden="true"></div>
+                       <div>
+                        <p>x.com</p>
+                       </div>
+                       <div>
+                        <p>49K</p>
+                       </div>
+                       <div data-framer-name="bar"></div>
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                   <div data-framer-name="Card">
+                    <div>
+                     <div>
+                      <p>Pages</p>
+                     </div>
+                     <div data-framer-name="Segment Control">
+                      <div data-framer-name="Hide">
+                       <p>All</p>
+                      </div>
+                      <div data-framer-name="Dropdown Icon" aria-hidden="true">
+                       <div></div>
+                      </div>
+                     </div>
+                    </div>
+                    <div data-framer-name="pages-group">
+                     <div data-framer-name="Page">
+                      <div data-framer-name="icon-layer-home" aria-hidden="true"></div>
+                      <div>
+                       <p>Home</p>
+                      </div>
+                      <div>
+                       <p>1.8M</p>
+                      </div>
+                      <div data-framer-name="Bar"></div>
+                     </div>
+                     <div>
+                      <div data-framer-name="graphic" aria-hidden="true"></div>
+                      <div>
+                       <p>/pricing</p>
+                      </div>
+                      <div data-framer-name="bar"></div>
+                      <div>
+                       <p>156K</p>
+                      </div>
+                     </div>
+                     <div>
+                      <div data-framer-name="graphic" aria-hidden="true"></div>
+                      <div>
+                       <p>/gallery</p>
+                      </div>
+                      <div>
+                       <p>91K</p>
+                      </div>
+                      <div data-framer-name="bar"></div>
+                     </div>
+                     <div>
+                      <div data-framer-name="graphic" aria-hidden="true"></div>
+                      <div>
+                       <p>/updates</p>
+                      </div>
+                      <div>
+                       <p>44K</p>
+                      </div>
+                      <div data-framer-name="Bar"></div>
+                     </div>
+                     <div>
+                      <div data-framer-name="graphic" aria-hidden="true"></div>
+                      <div>
+                       <p>/features/design</p>
+                      </div>
+                      <div>
+                       <p>39K</p>
+                      </div>
+                      <div data-framer-name="Bar"></div>
+                     </div>
+                     <div>
+                      <div data-framer-name="Bar"></div>
+                      <div data-framer-name="graphic" aria-hidden="true"></div>
+                      <div>
+                       <p>/features/cms</p>
+                      </div>
+                      <div>
+                       <p>27K</p>
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                  </div>
+                  <div></div>
+                 </div>
+                </div>
+               </div>
+               <div data-framer-name="Phone">
+                <div>
+                 <img alt="">
+                </div>
+               </div>
+              </div>
+              <div data-framer-name="Fade"></div>
+              <div data-framer-name="Border"></div>
+             </div>
+            </div>
+            <div>
+             <div data-framer-name="Card">
+              <div>
+               <img alt="3D render">
+              </div>
+              <div data-framer-name="Header">
+               <div data-framer-name="Text">
+                <div>
+                 <h6>Analytics &amp; insights</h6>
+                </div>
+                <div>
+                 <p>Track traffic, measure performance, and monitor conversions.</p>
+                </div>
+               </div>
+               <div>
+                <a data-framer-name="Default" href="./analytics">
+                 <div>
+                  <h3>Learn more</h3>
+                 </div>
+                 <div>
+                  <div></div>
+                 </div>
+                </a>
+               </div>
+              </div>
+              <div data-framer-name="Visual">
+               <div data-framer-name="Desktop">
+                <div data-framer-name="UI">
+                 <div data-framer-name="Stats">
+                  <div data-framer-name="Content">
+                   <div>
+                    <p>January 9, 2026</p>
+                   </div>
+                   <div></div>
+                   <div>
+                    <div></div>
+                    <div>
+                     <p>Pageviews</p>
+                    </div>
+                    <div>
+                     <p>258,156</p>
+                    </div>
+                   </div>
+                   <div>
+                    <div></div>
+                    <div>
+                     <p>Visitors</p>
+                    </div>
+                    <div>
+                     <p>85,458</p>
+                    </div>
+                   </div>
+                  </div>
+                 </div>
+                 <div data-framer-name="Modal">
+                  <div data-framer-name="Card">
+                   <div>
+                    <div>
+                     <div>
+                      <p>Overview</p>
+                     </div>
+                    </div>
+                   </div>
+                   <div>
+                    <div>
+                     <div>
+                      <div data-framer-name="Pulse">
+                       <div data-framer-name="Pulse"></div>
+                       <div data-framer-name="Dot"></div>
+                      </div>
+                      <div data-framer-name="Device Title">
+                       <p>Live Visitors</p>
+                      </div>
+                     </div>
+                     <div>
+                      <h6>400</h6>
+                     </div>
+                    </div>
+                    <div>
+                     <div data-framer-name="Device Title">
+                      <p>Unique Visitors</p>
+                     </div>
+                     <div>
+                      <h6>1.7M</h6>
+                     </div>
+                    </div>
+                    <div>
+                     <div data-framer-name="Device Title">
+                      <p>Total Pageviews</p>
+                     </div>
+                     <div>
+                      <h6>3.2M</h6>
+                     </div>
+                    </div>
+                   </div>
+                  </div>
+                  <div>
+                   <div>
+                    <p>330k</p>
+                   </div>
+                   <div></div>
+                   <div>
+                    <div aria-hidden="true"></div>
+                   </div>
+                   <div>
+                    <div aria-hidden="true"></div>
+                   </div>
+                  </div>
+                  <div></div>
+                  <div>
+                   <div data-framer-name="Card">
+                    <div>
+                     <div>
+                      <div>
+                       <p>Sources</p>
+                      </div>
+                      <div data-framer-name="Segment Control">
+                       <div data-framer-name="Hide">
+                        <p>Referrer</p>
+                       </div>
+                       <div data-framer-name="Dropdown Icon" aria-hidden="true">
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                    </div>
+                    <div data-framer-name="Analytics Group 2">
+                     <div data-framer-name="Percentage Click"></div>
+                     <div>
+                      <div>
+                       <div data-framer-name="bar"></div>
+                       <div>
+                        <div data-framer-name="Graphic" aria-hidden="true">
+                         <div></div>
+                        </div>
+                       </div>
+                       <div>
+                        <p>google.com</p>
+                       </div>
+                       <div>
+                        <p>436K</p>
+                       </div>
+                      </div>
+                      <div>
+                       <div>
+                        <div aria-hidden="true"></div>
+                       </div>
+                       <div>
+                        <p>chatgpt.com</p>
+                       </div>
+                       <div>
+                        <p>189K</p>
+                       </div>
+                       <div data-framer-name="bar"></div>
+                      </div>
+                      <div>
+                       <div aria-hidden="true"></div>
+                       <div>
+                        <p>linkedin.com</p>
+                       </div>
+                       <div data-framer-name="bar"></div>
+                       <div>
+                        <p>96K</p>
+                       </div>
+                      </div>
+                      <div>
+                       <div>
+                        <div data-framer-name="Youtube-svgrepo-com" aria-hidden="true"></div>
+                        <div aria-hidden="true"></div>
+                       </div>
+                       <div>
+                        <p>youtube.com</p>
+                       </div>
+                       <div data-framer-name="bar"></div>
+                       <div>
+                        <p>82K</p>
+                       </div>
+                      </div>
+                      <div>
+                       <div>
+                        <div aria-hidden="true"></div>
+                       </div>
+                       <div>
+                        <p>bing.com</p>
+                       </div>
+                       <div>
+                        <p>71K</p>
+                       </div>
+                       <div data-framer-name="bar"></div>
+                      </div>
+                      <div>
+                       <div data-framer-name="graphic" aria-hidden="true"></div>
+                       <div>
+                        <p>x.com</p>
+                       </div>
+                       <div>
+                        <p>49K</p>
+                       </div>
+                       <div data-framer-name="bar"></div>
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                   <div data-framer-name="Card">
+                    <div>
+                     <div>
+                      <p>Pages</p>
+                     </div>
+                     <div data-framer-name="Segment Control">
+                      <div data-framer-name="Hide">
+                       <p>All</p>
+                      </div>
+                      <div data-framer-name="Dropdown Icon" aria-hidden="true">
+                       <div></div>
+                      </div>
+                     </div>
+                    </div>
+                    <div data-framer-name="pages-group">
+                     <div data-framer-name="Page">
+                      <div data-framer-name="icon-layer-home" aria-hidden="true"></div>
+                      <div>
+                       <p>Home</p>
+                      </div>
+                      <div>
+                       <p>1.8M</p>
+                      </div>
+                      <div data-framer-name="Bar"></div>
+                     </div>
+                     <div>
+                      <div data-framer-name="graphic" aria-hidden="true"></div>
+                      <div>
+                       <p>/pricing</p>
+                      </div>
+                      <div data-framer-name="bar"></div>
+                      <div>
+                       <p>156K</p>
+                      </div>
+                     </div>
+                     <div>
+                      <div data-framer-name="graphic" aria-hidden="true"></div>
+                      <div>
+                       <p>/gallery</p>
+                      </div>
+                      <div>
+                       <p>91K</p>
+                      </div>
+                      <div data-framer-name="bar"></div>
+                     </div>
+                     <div>
+                      <div data-framer-name="graphic" aria-hidden="true"></div>
+                      <div>
+                       <p>/updates</p>
+                      </div>
+                      <div>
+                       <p>44K</p>
+                      </div>
+                      <div data-framer-name="Bar"></div>
+                     </div>
+                     <div>
+                      <div data-framer-name="graphic" aria-hidden="true"></div>
+                      <div>
+                       <p>/features/design</p>
+                      </div>
+                      <div>
+                       <p>39K</p>
+                      </div>
+                      <div data-framer-name="Bar"></div>
+                     </div>
+                     <div>
+                      <div data-framer-name="Bar"></div>
+                      <div data-framer-name="graphic" aria-hidden="true"></div>
+                      <div>
+                       <p>/features/cms</p>
+                      </div>
+                      <div>
+                       <p>27K</p>
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                  </div>
+                  <div></div>
+                 </div>
+                </div>
+               </div>
+               <div data-framer-name="Phone">
+                <div>
+                 <img alt="Framer UI">
+                </div>
+               </div>
+              </div>
+              <div data-framer-name="Fade"></div>
+              <div data-framer-name="Border"></div>
+             </div>
+            </div>
+            <div>
+             <div data-framer-name="Card">
+              <div>
+               <img alt="3D render">
+              </div>
+              <div data-framer-name="Header">
+               <div data-framer-name="Text">
+                <div>
+                 <h6>A/B Testing &amp; optimization</h6>
+                </div>
+                <div>
+                 <p>A/B testing, funnels, and built-in growth insights.</p>
+                </div>
+               </div>
+               <div>
+                <a data-framer-name="Default" href="./analytics">
+                 <div>
+                  <h3>Learn more</h3>
+                 </div>
+                 <div>
+                  <div></div>
+                 </div>
+                </a>
+               </div>
+              </div>
+              <div data-framer-name="Visual">
+               <div data-framer-name="Desktop">
+                <div>
+                 <div>
+                  <div data-framer-name="Topbar">
+                   <div data-framer-name="Topbar New@2x">
+                    <div>
+                     <img alt="">
+                    </div>
+                   </div>
+                  </div>
+                  <div>
+                   <div>
+                    <div>
+                     <div>
+                      <div>
+                       <div>
+                        <p>Pages</p>
+                       </div>
+                      </div>
+                      <div>
+                       <div>
+                        <p>Layers</p>
+                       </div>
+                      </div>
+                      <div></div>
+                      <div>
+                       <div>
+                        <p>Assets</p>
+                       </div>
+                      </div>
+                     </div>
+                    </div>
+                    <div>
+                     <div>
+                      <div>
+                       <p>Design</p>
+                      </div>
+                      <div aria-hidden="true">
+                       <div></div>
+                      </div>
+                     </div>
+                     <div>
+                      <div>
+                       <p>Pages</p>
+                      </div>
+                      <div aria-hidden="true">
+                       <div></div>
+                      </div>
+                     </div>
+                     <div>
+                      <div>
+                       <div aria-hidden="true"></div>
+                      </div>
+                      <div aria-hidden="true"></div>
+                      <div>
+                       <p>Home</p>
+                      </div>
+                     </div>
+                     <div>
+                      <div>
+                       <div>
+                        <div>
+                         <p>A</p>
+                        </div>
+                       </div>
+                       <div>
+                        <p>Control</p>
+                       </div>
+                      </div>
+                      <div>
+                       <div>
+                        <div>
+                         <p>B</p>
+                        </div>
+                       </div>
+                       <div>
+                        <p>Version B</p>
+                       </div>
+                      </div>
+                      <div>
+                       <div>
+                        <div>
+                         <p>C</p>
+                        </div>
+                       </div>
+                       <div>
+                        <p>Version C</p>
+                       </div>
+                      </div>
+                     </div>
+                     <div>
+                      <div>
+                       <div aria-hidden="true"></div>
+                       <div aria-hidden="true"></div>
+                       <div>
+                        <p>/pricing</p>
+                       </div>
+                       <div>
+                        <div>
+                         <div>
+                          <p>A</p>
+                         </div>
+                        </div>
+                        <div>
+                         <div>
+                          <p>B</p>
+                         </div>
+                        </div>
+                       </div>
+                      </div>
+                      <div>
+                       <div aria-hidden="true"></div>
+                       <div aria-hidden="true"></div>
+                       <div>
+                        <p>/features</p>
+                       </div>
+                      </div>
+                      <div>
+                       <div aria-hidden="true"></div>
+                       <div aria-hidden="true"></div>
+                       <div>
+                        <p>/blog</p>
+                       </div>
+                      </div>
+                      <div>
+                       <div aria-hidden="true"></div>
+                       <div aria-hidden="true"></div>
+                       <div>
+                        <p>/about</p>
+                       </div>
+                       <div></div>
+                      </div>
+                      <div>
+                       <div aria-hidden="true"></div>
+                       <div aria-hidden="true"></div>
+                       <div>
+                        <p>/404</p>
+                       </div>
+                       <div></div>
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                   <div>
+                    <div data-framer-name="Desktop">
+                     <div data-framer-name="Bar">
+                      <div data-framer-name="Play Button">
+                       <div data-framer-name="Play Icon" aria-hidden="true">
+                        <div></div>
+                       </div>
+                      </div>
+                      <div>
+                       <div data-framer-name="iPhone 12">
+                        <p>Desktop</p>
+                       </div>
+                       <div data-framer-name="iPhone 12">
+                        <p>·</p>
+                       </div>
+                       <div data-framer-name="iPhone 12">
+                        <p>1200</p>
+                       </div>
+                      </div>
+                      <div></div>
+                     </div>
+                     <div>
+                      <div data-framer-name="Page">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Framer website">
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                  </div>
+                 </div>
+                 <div></div>
+                </div>
+               </div>
+               <div data-framer-name="Phone">
+                <div>
+                 <img alt="">
+                </div>
+               </div>
+              </div>
+              <div data-framer-name="Border"></div>
+             </div>
+            </div>
+            <div>
+             <div data-framer-name="Card">
+              <div>
+               <img alt="3D render">
+              </div>
+              <div data-framer-name="Header">
+               <div data-framer-name="Text">
+                <div>
+                 <h6>A/B Testing &amp; optimization</h6>
+                </div>
+                <div>
+                 <p>A/B testing, funnels, and built-in growth insights.</p>
+                </div>
+               </div>
+               <div>
+                <a data-framer-name="Small" href="./analytics">
+                 <div>
+                  <p>Learn more</p>
+                 </div>
+                 <div>
+                  <div></div>
+                 </div>
+                </a>
+               </div>
+              </div>
+              <div data-framer-name="Visual">
+               <div data-framer-name="Desktop">
+                <div>
+                 <div>
+                  <div data-framer-name="Topbar">
+                   <div data-framer-name="Topbar New@2x">
+                    <div>
+                     <img alt="">
+                    </div>
+                   </div>
+                  </div>
+                  <div>
+                   <div>
+                    <div>
+                     <div>
+                      <div>
+                       <div>
+                        <p>Pages</p>
+                       </div>
+                      </div>
+                      <div>
+                       <div>
+                        <p>Layers</p>
+                       </div>
+                      </div>
+                      <div></div>
+                      <div>
+                       <div>
+                        <p>Assets</p>
+                       </div>
+                      </div>
+                     </div>
+                    </div>
+                    <div>
+                     <div>
+                      <div>
+                       <p>Design</p>
+                      </div>
+                      <div aria-hidden="true">
+                       <div></div>
+                      </div>
+                     </div>
+                     <div>
+                      <div>
+                       <p>Pages</p>
+                      </div>
+                      <div aria-hidden="true">
+                       <div></div>
+                      </div>
+                     </div>
+                     <div>
+                      <div>
+                       <div aria-hidden="true"></div>
+                      </div>
+                      <div aria-hidden="true"></div>
+                      <div>
+                       <p>Home</p>
+                      </div>
+                     </div>
+                     <div>
+                      <div>
+                       <div>
+                        <div>
+                         <p>A</p>
+                        </div>
+                       </div>
+                       <div>
+                        <p>Control</p>
+                       </div>
+                      </div>
+                      <div>
+                       <div>
+                        <div>
+                         <p>B</p>
+                        </div>
+                       </div>
+                       <div>
+                        <p>Version B</p>
+                       </div>
+                      </div>
+                      <div>
+                       <div>
+                        <div>
+                         <p>C</p>
+                        </div>
+                       </div>
+                       <div>
+                        <p>Version C</p>
+                       </div>
+                      </div>
+                     </div>
+                     <div>
+                      <div>
+                       <div aria-hidden="true"></div>
+                       <div aria-hidden="true"></div>
+                       <div>
+                        <p>/pricing</p>
+                       </div>
+                       <div>
+                        <div>
+                         <div>
+                          <p>A</p>
+                         </div>
+                        </div>
+                        <div>
+                         <div>
+                          <p>B</p>
+                         </div>
+                        </div>
+                       </div>
+                      </div>
+                      <div>
+                       <div aria-hidden="true"></div>
+                       <div aria-hidden="true"></div>
+                       <div>
+                        <p>/features</p>
+                       </div>
+                      </div>
+                      <div>
+                       <div aria-hidden="true"></div>
+                       <div aria-hidden="true"></div>
+                       <div>
+                        <p>/blog</p>
+                       </div>
+                      </div>
+                      <div>
+                       <div aria-hidden="true"></div>
+                       <div aria-hidden="true"></div>
+                       <div>
+                        <p>/about</p>
+                       </div>
+                       <div></div>
+                      </div>
+                      <div>
+                       <div aria-hidden="true"></div>
+                       <div aria-hidden="true"></div>
+                       <div>
+                        <p>/404</p>
+                       </div>
+                       <div></div>
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                   <div>
+                    <div data-framer-name="Desktop">
+                     <div data-framer-name="Bar">
+                      <div data-framer-name="Play Button">
+                       <div data-framer-name="Play Icon" aria-hidden="true">
+                        <div></div>
+                       </div>
+                      </div>
+                      <div>
+                       <div data-framer-name="iPhone 12">
+                        <p>Desktop</p>
+                       </div>
+                       <div data-framer-name="iPhone 12">
+                        <p>·</p>
+                       </div>
+                       <div data-framer-name="iPhone 12">
+                        <p>1200</p>
+                       </div>
+                      </div>
+                      <div></div>
+                     </div>
+                     <div>
+                      <div data-framer-name="Page">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Framer website">
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                  </div>
+                 </div>
+                 <div></div>
+                </div>
+               </div>
+               <div data-framer-name="Phone">
+                <div>
+                 <img alt="">
+                </div>
+               </div>
+              </div>
+              <div data-framer-name="Border"></div>
+             </div>
+            </div>
+            <div>
+             <div data-framer-name="Card">
+              <div>
+               <img alt="3D render">
+              </div>
+              <div data-framer-name="Header">
+               <div data-framer-name="Text">
+                <div>
+                 <h6>A/B Testing &amp; optimization</h6>
+                </div>
+                <div>
+                 <p>A/B testing, funnels, and built-in growth insights.</p>
+                </div>
+               </div>
+               <div>
+                <a data-framer-name="Default" href="./analytics">
+                 <div>
+                  <h3>Learn more</h3>
+                 </div>
+                 <div>
+                  <div></div>
+                 </div>
+                </a>
+               </div>
+              </div>
+              <div data-framer-name="Visual">
+               <div data-framer-name="Desktop">
+                <div>
+                 <div>
+                  <div data-framer-name="Topbar">
+                   <div data-framer-name="Topbar New@2x">
+                    <div>
+                     <img alt="">
+                    </div>
+                   </div>
+                  </div>
+                  <div>
+                   <div>
+                    <div>
+                     <div>
+                      <div>
+                       <div>
+                        <p>Pages</p>
+                       </div>
+                      </div>
+                      <div>
+                       <div>
+                        <p>Layers</p>
+                       </div>
+                      </div>
+                      <div></div>
+                      <div>
+                       <div>
+                        <p>Assets</p>
+                       </div>
+                      </div>
+                     </div>
+                    </div>
+                    <div>
+                     <div>
+                      <div>
+                       <p>Design</p>
+                      </div>
+                      <div aria-hidden="true">
+                       <div></div>
+                      </div>
+                     </div>
+                     <div>
+                      <div>
+                       <p>Pages</p>
+                      </div>
+                      <div aria-hidden="true">
+                       <div></div>
+                      </div>
+                     </div>
+                     <div>
+                      <div>
+                       <div aria-hidden="true"></div>
+                      </div>
+                      <div aria-hidden="true"></div>
+                      <div>
+                       <p>Home</p>
+                      </div>
+                     </div>
+                     <div>
+                      <div>
+                       <div>
+                        <div>
+                         <p>A</p>
+                        </div>
+                       </div>
+                       <div>
+                        <p>Control</p>
+                       </div>
+                      </div>
+                      <div>
+                       <div>
+                        <div>
+                         <p>B</p>
+                        </div>
+                       </div>
+                       <div>
+                        <p>Version B</p>
+                       </div>
+                      </div>
+                      <div>
+                       <div>
+                        <div>
+                         <p>C</p>
+                        </div>
+                       </div>
+                       <div>
+                        <p>Version C</p>
+                       </div>
+                      </div>
+                     </div>
+                     <div>
+                      <div>
+                       <div aria-hidden="true"></div>
+                       <div aria-hidden="true"></div>
+                       <div>
+                        <p>/pricing</p>
+                       </div>
+                       <div>
+                        <div>
+                         <div>
+                          <p>A</p>
+                         </div>
+                        </div>
+                        <div>
+                         <div>
+                          <p>B</p>
+                         </div>
+                        </div>
+                       </div>
+                      </div>
+                      <div>
+                       <div aria-hidden="true"></div>
+                       <div aria-hidden="true"></div>
+                       <div>
+                        <p>/features</p>
+                       </div>
+                      </div>
+                      <div>
+                       <div aria-hidden="true"></div>
+                       <div aria-hidden="true"></div>
+                       <div>
+                        <p>/blog</p>
+                       </div>
+                      </div>
+                      <div>
+                       <div aria-hidden="true"></div>
+                       <div aria-hidden="true"></div>
+                       <div>
+                        <p>/about</p>
+                       </div>
+                       <div></div>
+                      </div>
+                      <div>
+                       <div aria-hidden="true"></div>
+                       <div aria-hidden="true"></div>
+                       <div>
+                        <p>/404</p>
+                       </div>
+                       <div></div>
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                   <div>
+                    <div data-framer-name="Desktop">
+                     <div data-framer-name="Bar">
+                      <div data-framer-name="Play Button">
+                       <div data-framer-name="Play Icon" aria-hidden="true">
+                        <div></div>
+                       </div>
+                      </div>
+                      <div>
+                       <div data-framer-name="iPhone 12">
+                        <p>Desktop</p>
+                       </div>
+                       <div data-framer-name="iPhone 12">
+                        <p>·</p>
+                       </div>
+                       <div data-framer-name="iPhone 12">
+                        <p>1200</p>
+                       </div>
+                      </div>
+                      <div></div>
+                     </div>
+                     <div>
+                      <div data-framer-name="Page">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Framer website">
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                  </div>
+                 </div>
+                 <div></div>
+                </div>
+               </div>
+               <div data-framer-name="Phone">
+                <div>
+                 <img alt="Framer UI">
+                </div>
+               </div>
+              </div>
+              <div data-framer-name="Border"></div>
+             </div>
+            </div>
+            <div>
+             <div data-framer-name="Card">
+              <div>
+               <img alt="3D render">
+              </div>
+              <div data-framer-name="Header">
+               <div data-framer-name="Text">
+                <div>
+                 <h6>SEO &amp; performance</h6>
+                </div>
+                <div>
+                 <p>Optimize every page with built-in SEO settings, metadata, and blazing-fast hosting.</p>
+                </div>
+               </div>
+               <div>
+                <a data-framer-name="Default" href="./scale/">
+                 <div>
+                  <h3>Learn more</h3>
+                 </div>
+                 <div>
+                  <div></div>
+                 </div>
+                </a>
+               </div>
+              </div>
+              <div></div>
+              <div data-framer-name="Visual">
+               <div data-framer-name="Desktop">
+                <div data-framer-name="Publish">
+                 <div>
+                  <div data-framer-name="logo_google_svgrepo_com" aria-hidden="true">
+                   <div></div>
+                  </div>
+                  <div>
+                   <p>Google Lighthouse</p>
+                  </div>
+                 </div>
+                 <div>
+                  <div>
+                   <div>
+                    <div data-framer-name="Default">
+                     <div data-framer-name="Progress Glow">
+                      <div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div>
+                      <div>
+                       <div></div>
+                      </div>
+                     </div>
+                     <div>
+                      <div>
+                       <div>
+                        <div>0</div>
+                       </div>
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                   <div>
+                    <p>SEO</p>
+                   </div>
+                  </div>
+                  <div>
+                   <div>
+                    <div data-framer-name="Default">
+                     <div data-framer-name="Progress Glow">
+                      <div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div>
+                      <div>
+                       <div></div>
+                      </div>
+                     </div>
+                     <div>
+                      <div>
+                       <div>
+                        <div>0</div>
+                       </div>
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                   <div>
+                    <p>Performance</p>
+                   </div>
+                  </div>
+                  <div>
+                   <div>
+                    <div data-framer-name="Default">
+                     <div data-framer-name="Progress Glow">
+                      <div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div>
+                      <div>
+                       <div></div>
+                      </div>
+                     </div>
+                     <div>
+                      <div>
+                       <div>
+                        <div>0</div>
+                       </div>
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                   <div>
+                    <p>Accessibility</p>
+                   </div>
+                  </div>
+                 </div>
+                </div>
+               </div>
+               <div data-framer-name="Phone">
+                <div>
+                 <img alt="">
+                </div>
+               </div>
+              </div>
+              <div data-framer-name="Border"></div>
+             </div>
+            </div>
+            <div>
+             <div data-framer-name="Card">
+              <div>
+               <img alt="3D render">
+              </div>
+              <div data-framer-name="Header">
+               <div data-framer-name="Text">
+                <div>
+                 <h6>SEO &amp; performance</h6>
+                </div>
+                <div>
+                 <p>Optimize every page with built-in SEO settings, metadata, and blazing-fast hosting.</p>
+                </div>
+               </div>
+               <div>
+                <a data-framer-name="Small" href="./scale/">
+                 <div>
+                  <p>Learn more</p>
+                 </div>
+                 <div>
+                  <div></div>
+                 </div>
+                </a>
+               </div>
+              </div>
+              <div></div>
+              <div data-framer-name="Visual">
+               <div data-framer-name="Desktop">
+                <div data-framer-name="Publish">
+                 <div>
+                  <div data-framer-name="logo_google_svgrepo_com" aria-hidden="true">
+                   <div></div>
+                  </div>
+                  <div>
+                   <p>Google Lighthouse</p>
+                  </div>
+                 </div>
+                 <div>
+                  <div>
+                   <div>
+                    <div data-framer-name="Default">
+                     <div data-framer-name="Progress Glow">
+                      <div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div>
+                      <div>
+                       <div></div>
+                      </div>
+                     </div>
+                     <div>
+                      <div>
+                       <div>
+                        <div>0</div>
+                       </div>
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                   <div>
+                    <p>SEO</p>
+                   </div>
+                  </div>
+                  <div>
+                   <div>
+                    <div data-framer-name="Default">
+                     <div data-framer-name="Progress Glow">
+                      <div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div>
+                      <div>
+                       <div></div>
+                      </div>
+                     </div>
+                     <div>
+                      <div>
+                       <div>
+                        <div>0</div>
+                       </div>
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                   <div>
+                    <p>Performance</p>
+                   </div>
+                  </div>
+                  <div>
+                   <div>
+                    <div data-framer-name="Default">
+                     <div data-framer-name="Progress Glow">
+                      <div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div>
+                      <div>
+                       <div></div>
+                      </div>
+                     </div>
+                     <div>
+                      <div>
+                       <div>
+                        <div>0</div>
+                       </div>
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                   <div>
+                    <p>Accessibility</p>
+                   </div>
+                  </div>
+                 </div>
+                </div>
+               </div>
+               <div data-framer-name="Phone">
+                <div>
+                 <img alt="">
+                </div>
+               </div>
+              </div>
+              <div data-framer-name="Border"></div>
+             </div>
+            </div>
+            <div>
+             <div data-framer-name="Card">
+              <div>
+               <img alt="3D render">
+              </div>
+              <div data-framer-name="Header">
+               <div data-framer-name="Text">
+                <div>
+                 <h6>SEO &amp; performance</h6>
+                </div>
+                <div>
+                 <p>Optimize every page with built-in SEO settings, metadata, and blazing-fast hosting.</p>
+                </div>
+               </div>
+               <div>
+                <a data-framer-name="Default" href="./scale/">
+                 <div>
+                  <h3>Learn more</h3>
+                 </div>
+                 <div>
+                  <div></div>
+                 </div>
+                </a>
+               </div>
+              </div>
+              <div></div>
+              <div data-framer-name="Visual">
+               <div data-framer-name="Desktop">
+                <div data-framer-name="Publish">
+                 <div>
+                  <div data-framer-name="logo_google_svgrepo_com" aria-hidden="true">
+                   <div></div>
+                  </div>
+                  <div>
+                   <p>Google Lighthouse</p>
+                  </div>
+                 </div>
+                 <div>
+                  <div>
+                   <div>
+                    <div data-framer-name="Default">
+                     <div data-framer-name="Progress Glow">
+                      <div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div>
+                      <div>
+                       <div></div>
+                      </div>
+                     </div>
+                     <div>
+                      <div>
+                       <div>
+                        <div>0</div>
+                       </div>
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                   <div>
+                    <p>SEO</p>
+                   </div>
+                  </div>
+                  <div>
+                   <div>
+                    <div data-framer-name="Default">
+                     <div data-framer-name="Progress Glow">
+                      <div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div>
+                      <div>
+                       <div></div>
+                      </div>
+                     </div>
+                     <div>
+                      <div>
+                       <div>
+                        <div>0</div>
+                       </div>
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                   <div>
+                    <p>Performance</p>
+                   </div>
+                  </div>
+                  <div>
+                   <div>
+                    <div data-framer-name="Default">
+                     <div data-framer-name="Progress Glow">
+                      <div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div>
+                      <div>
+                       <div></div>
+                      </div>
+                     </div>
+                     <div>
+                      <div>
+                       <div>
+                        <div>0</div>
+                       </div>
+                      </div>
+                     </div>
+                    </div>
+                   </div>
+                   <div>
+                    <p>Accessibility</p>
+                   </div>
+                  </div>
+                 </div>
+                </div>
+               </div>
+               <div data-framer-name="Phone">
+                <div>
+                 <img alt="Lighthouse score">
+                </div>
+               </div>
+              </div>
+              <div data-framer-name="Border"></div>
+             </div>
+            </div>
+           </div>
+          </section>
+          <div data-framer-name="Stories">
+           <header data-framer-name="Header">
+            <div>
+             <h2>Powering ambitious teams worldwide</h2>
+            </div>
+           </header>
+           <div aria-label="Customer Stories" data-framer-name="Sites">
+            <div data-framer-name="Slideshow Desktop" name="Slideshow Desktop">
+             <section>
+              <div>
+               <ul>
+                <li aria-hidden="false">
+                 <div data-framer-name="Perplexity">
+                  <div>
+                   <a data-framer-name="Desktop" href="./stories/perplexity/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Perplexity logo">
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“Framer gives us everything we need to move fast. We don’t wait on dev. We don’t compromise on design.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Avatar">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Henry Modisett</p>
+                        </div>
+                        <div>
+                         <p>Head of Design at Perplexity</p>
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                    <div data-framer-name="Right">
+                     <div>
+                      <div data-framer-name="Pause">
+                       <div>
+                        <img alt="Perplexity website">
+                       </div>
+                       <div>
+                        <video></video>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Image">
+                      <div>
+                       <img alt="Background">
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="false">
+                 <div data-framer-name="Visual Electric">
+                  <div>
+                   <a data-framer-name="Desktop" href="./stories/visual-electric/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="">
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“Launching on Framer was seamless. Live in no time, no friction.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Colin Dunn</p>
+                        </div>
+                        <div>
+                         <p>Co-Founder at Visual Electric</p>
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                    <div data-framer-name="Right">
+                     <div>
+                      <div data-framer-name="Pause">
+                       <div>
+                        <img alt="Visual Electric website">
+                       </div>
+                       <div>
+                        <video></video>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Image">
+                      <div>
+                       <img alt="">
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="false">
+                 <div data-framer-name="Biograph">
+                  <div>
+                   <a data-framer-name="Desktop" href="./stories/biograph/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Biograph logo">
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“Framer gave us full creative freedom. No code limits, no handoffs. We shipped an immersive brand site in days.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Avatar">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Adam Jiwa</p>
+                        </div>
+                        <div>
+                         <p>Partnerships at Metalab</p>
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                    <div data-framer-name="Right">
+                     <div>
+                      <div data-framer-name="Pause">
+                       <div>
+                        <img alt="Biograph website">
+                       </div>
+                       <div>
+                        <video></video>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Image">
+                      <div>
+                       <img alt="Background">
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="false">
+                 <div data-framer-name="Cradle">
+                  <div>
+                   <a data-framer-name="Desktop" href="./stories/cradle/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Cradle logo">
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“With Framer, our designers can ship updates daily. No dev handoff. No staging hassle.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Avatar">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Jelle Prins</p>
+                        </div>
+                        <div>
+                         <p>Co-Founder at Cradle</p>
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                    <div data-framer-name="Right">
+                     <div>
+                      <div data-framer-name="Pause">
+                       <div>
+                        <img alt="Cradle website">
+                       </div>
+                       <div>
+                        <video></video>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Image">
+                      <div>
+                       <img alt="Background">
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="false">
+                 <div data-framer-name="Miro">
+                  <div>
+                   <a data-framer-name="Desktop" href="./stories/miro/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Miro logo">
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“Framer allowed us to ship high-performing, beautifully designed pages at record speed, all while keeping design control in-house.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Avatar">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Radoslav Bali</p>
+                        </div>
+                        <div>
+                         <p>Design Lead at Miro</p>
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                    <div data-framer-name="Right">
+                     <div>
+                      <div data-framer-name="Pause">
+                       <div>
+                        <img alt="Miro website">
+                       </div>
+                       <div>
+                        <video></video>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Image">
+                      <div>
+                       <img alt="Background">
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Perplexity">
+                  <div>
+                   <a data-framer-name="Desktop" href="./stories/perplexity/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Perplexity logo">
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“Framer gives us everything we need to move fast. We don’t wait on dev. We don’t compromise on design.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Avatar">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Henry Modisett</p>
+                        </div>
+                        <div>
+                         <p>Head of Design at Perplexity</p>
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                    <div data-framer-name="Right">
+                     <div>
+                      <div data-framer-name="Pause">
+                       <div>
+                        <img alt="Perplexity website">
+                       </div>
+                       <div>
+                        <video></video>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Image">
+                      <div>
+                       <img alt="Background">
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Visual Electric">
+                  <div>
+                   <a data-framer-name="Desktop" href="./stories/visual-electric/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="">
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“Launching on Framer was seamless. Live in no time, no friction.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Colin Dunn</p>
+                        </div>
+                        <div>
+                         <p>Co-Founder at Visual Electric</p>
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                    <div data-framer-name="Right">
+                     <div>
+                      <div data-framer-name="Pause">
+                       <div>
+                        <img alt="Visual Electric website">
+                       </div>
+                       <div>
+                        <video></video>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Image">
+                      <div>
+                       <img alt="">
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Biograph">
+                  <div>
+                   <a data-framer-name="Desktop" href="./stories/biograph/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Biograph logo">
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“Framer gave us full creative freedom. No code limits, no handoffs. We shipped an immersive brand site in days.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Avatar">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Adam Jiwa</p>
+                        </div>
+                        <div>
+                         <p>Partnerships at Metalab</p>
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                    <div data-framer-name="Right">
+                     <div>
+                      <div data-framer-name="Pause">
+                       <div>
+                        <img alt="Biograph website">
+                       </div>
+                       <div>
+                        <video></video>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Image">
+                      <div>
+                       <img alt="Background">
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Cradle">
+                  <div>
+                   <a data-framer-name="Desktop" href="./stories/cradle/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Cradle logo">
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“With Framer, our designers can ship updates daily. No dev handoff. No staging hassle.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Avatar">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Jelle Prins</p>
+                        </div>
+                        <div>
+                         <p>Co-Founder at Cradle</p>
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                    <div data-framer-name="Right">
+                     <div>
+                      <div data-framer-name="Pause">
+                       <div>
+                        <img alt="Cradle website">
+                       </div>
+                       <div>
+                        <video></video>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Image">
+                      <div>
+                       <img alt="Background">
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Miro">
+                  <div>
+                   <a data-framer-name="Desktop" href="./stories/miro/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Miro logo">
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“Framer allowed us to ship high-performing, beautifully designed pages at record speed, all while keeping design control in-house.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Avatar">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Radoslav Bali</p>
+                        </div>
+                        <div>
+                         <p>Design Lead at Miro</p>
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                    <div data-framer-name="Right">
+                     <div>
+                      <div data-framer-name="Pause">
+                       <div>
+                        <img alt="Miro website">
+                       </div>
+                       <div>
+                        <video></video>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Image">
+                      <div>
+                       <img alt="Background">
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Perplexity">
+                  <div>
+                   <a data-framer-name="Desktop" href="./stories/perplexity/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Perplexity logo">
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“Framer gives us everything we need to move fast. We don’t wait on dev. We don’t compromise on design.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Avatar">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Henry Modisett</p>
+                        </div>
+                        <div>
+                         <p>Head of Design at Perplexity</p>
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                    <div data-framer-name="Right">
+                     <div>
+                      <div data-framer-name="Pause">
+                       <div>
+                        <img alt="Perplexity website">
+                       </div>
+                       <div>
+                        <video></video>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Image">
+                      <div>
+                       <img alt="Background">
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Visual Electric">
+                  <div>
+                   <a data-framer-name="Desktop" href="./stories/visual-electric/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="">
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“Launching on Framer was seamless. Live in no time, no friction.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Colin Dunn</p>
+                        </div>
+                        <div>
+                         <p>Co-Founder at Visual Electric</p>
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                    <div data-framer-name="Right">
+                     <div>
+                      <div data-framer-name="Pause">
+                       <div>
+                        <img alt="Visual Electric website">
+                       </div>
+                       <div>
+                        <video></video>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Image">
+                      <div>
+                       <img alt="">
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Biograph">
+                  <div>
+                   <a data-framer-name="Desktop" href="./stories/biograph/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Biograph logo">
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“Framer gave us full creative freedom. No code limits, no handoffs. We shipped an immersive brand site in days.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Avatar">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Adam Jiwa</p>
+                        </div>
+                        <div>
+                         <p>Partnerships at Metalab</p>
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                    <div data-framer-name="Right">
+                     <div>
+                      <div data-framer-name="Pause">
+                       <div>
+                        <img alt="Biograph website">
+                       </div>
+                       <div>
+                        <video></video>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Image">
+                      <div>
+                       <img alt="Background">
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Cradle">
+                  <div>
+                   <a data-framer-name="Desktop" href="./stories/cradle/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Cradle logo">
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“With Framer, our designers can ship updates daily. No dev handoff. No staging hassle.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Avatar">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Jelle Prins</p>
+                        </div>
+                        <div>
+                         <p>Co-Founder at Cradle</p>
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                    <div data-framer-name="Right">
+                     <div>
+                      <div data-framer-name="Pause">
+                       <div>
+                        <img alt="Cradle website">
+                       </div>
+                       <div>
+                        <video></video>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Image">
+                      <div>
+                       <img alt="Background">
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Miro">
+                  <div>
+                   <a data-framer-name="Desktop" href="./stories/miro/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Miro logo">
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“Framer allowed us to ship high-performing, beautifully designed pages at record speed, all while keeping design control in-house.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Avatar">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Radoslav Bali</p>
+                        </div>
+                        <div>
+                         <p>Design Lead at Miro</p>
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                    <div data-framer-name="Right">
+                     <div>
+                      <div data-framer-name="Pause">
+                       <div>
+                        <img alt="Miro website">
+                       </div>
+                       <div>
+                        <video></video>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Image">
+                      <div>
+                       <img alt="Background">
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Perplexity">
+                  <div>
+                   <a data-framer-name="Desktop" href="./stories/perplexity/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Perplexity logo">
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“Framer gives us everything we need to move fast. We don’t wait on dev. We don’t compromise on design.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Avatar">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Henry Modisett</p>
+                        </div>
+                        <div>
+                         <p>Head of Design at Perplexity</p>
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                    <div data-framer-name="Right">
+                     <div>
+                      <div data-framer-name="Pause">
+                       <div>
+                        <img alt="Perplexity website">
+                       </div>
+                       <div>
+                        <video></video>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Image">
+                      <div>
+                       <img alt="Background">
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Visual Electric">
+                  <div>
+                   <a data-framer-name="Desktop" href="./stories/visual-electric/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="">
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“Launching on Framer was seamless. Live in no time, no friction.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Colin Dunn</p>
+                        </div>
+                        <div>
+                         <p>Co-Founder at Visual Electric</p>
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                    <div data-framer-name="Right">
+                     <div>
+                      <div data-framer-name="Pause">
+                       <div>
+                        <img alt="Visual Electric website">
+                       </div>
+                       <div>
+                        <video></video>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Image">
+                      <div>
+                       <img alt="">
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Biograph">
+                  <div>
+                   <a data-framer-name="Desktop" href="./stories/biograph/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Biograph logo">
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“Framer gave us full creative freedom. No code limits, no handoffs. We shipped an immersive brand site in days.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Avatar">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Adam Jiwa</p>
+                        </div>
+                        <div>
+                         <p>Partnerships at Metalab</p>
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                    <div data-framer-name="Right">
+                     <div>
+                      <div data-framer-name="Pause">
+                       <div>
+                        <img alt="Biograph website">
+                       </div>
+                       <div>
+                        <video></video>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Image">
+                      <div>
+                       <img alt="Background">
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Cradle">
+                  <div>
+                   <a data-framer-name="Desktop" href="./stories/cradle/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Cradle logo">
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“With Framer, our designers can ship updates daily. No dev handoff. No staging hassle.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Avatar">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Jelle Prins</p>
+                        </div>
+                        <div>
+                         <p>Co-Founder at Cradle</p>
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                    <div data-framer-name="Right">
+                     <div>
+                      <div data-framer-name="Pause">
+                       <div>
+                        <img alt="Cradle website">
+                       </div>
+                       <div>
+                        <video></video>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Image">
+                      <div>
+                       <img alt="Background">
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Miro">
+                  <div>
+                   <a data-framer-name="Desktop" href="./stories/miro/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Miro logo">
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“Framer allowed us to ship high-performing, beautifully designed pages at record speed, all while keeping design control in-house.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Avatar">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Radoslav Bali</p>
+                        </div>
+                        <div>
+                         <p>Design Lead at Miro</p>
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                    <div data-framer-name="Right">
+                     <div>
+                      <div data-framer-name="Pause">
+                       <div>
+                        <img alt="Miro website">
+                       </div>
+                       <div>
+                        <video></video>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Image">
+                      <div>
+                       <img alt="Background">
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+               </ul>
+              </div>
+              <fieldset aria-label="Slideshow pagination controls">
+               <div>
+                <button type="button" aria-label="Previous">
+                 <img alt="Back Arrow">
+                </button>
+                <button type="button" aria-label="Next">
+                 <img alt="Next Arrow">
+                </button>
+               </div>
+               <div>
+                <button aria-label="Scroll to page 1" type="button">
+                 <div>Perplexity</div>
+                </button>
+                <button aria-label="Scroll to page 2" type="button">
+                 <div>Visual Electric</div>
+                </button>
+                <button aria-label="Scroll to page 3" type="button">
+                 <div>Biograph</div>
+                </button>
+                <button aria-label="Scroll to page 4" type="button">
+                 <div>Cradle</div>
+                </button>
+                <button aria-label="Scroll to page 5" type="button">
+                 <div>Miro</div>
+                </button>
+               </div>
+              </fieldset>
+             </section>
+            </div>
+            <div data-framer-name="Slideshow Tablet" name="Slideshow Tablet">
+             <section>
+              <div>
+               <ul>
+                <li aria-hidden="false">
+                 <div data-framer-name="Perplexity">
+                  <div>
+                   <a data-framer-name="Tablet" href="./stories/perplexity/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Perplexity logo">
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“Framer gives us everything we need to move fast. We don’t wait on dev. We don’t compromise on design.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Avatar">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Henry Modisett</p>
+                        </div>
+                        <div>
+                         <p>Head of Design at Perplexity</p>
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                    <div data-framer-name="Right">
+                     <div>
+                      <div data-framer-name="Pause">
+                       <div>
+                        <img alt="Perplexity website">
+                       </div>
+                       <div>
+                        <video></video>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Image">
+                      <div>
+                       <img alt="Background">
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="false">
+                 <div data-framer-name="Visual Electric">
+                  <div>
+                   <a data-framer-name="Tablet" href="./stories/visual-electric/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="">
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“Launching on Framer was seamless. Live in no time, no friction.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Colin Dunn</p>
+                        </div>
+                        <div>
+                         <p>Co-Founder at Visual Electric</p>
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                    <div data-framer-name="Right">
+                     <div>
+                      <div data-framer-name="Pause">
+                       <div>
+                        <img alt="Visual Electric website">
+                       </div>
+                       <div>
+                        <video></video>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Image">
+                      <div>
+                       <img alt="">
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="false">
+                 <div data-framer-name="Biograph">
+                  <div>
+                   <a data-framer-name="Tablet" href="./stories/biograph/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Biograph logo">
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“Framer gave us full creative freedom. No code limits, no handoffs. We shipped an immersive brand site in days.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Avatar">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Adam Jiwa</p>
+                        </div>
+                        <div>
+                         <p>Partnerships at Metalab</p>
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                    <div data-framer-name="Right">
+                     <div>
+                      <div data-framer-name="Pause">
+                       <div>
+                        <img alt="Biograph website">
+                       </div>
+                       <div>
+                        <video></video>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Image">
+                      <div>
+                       <img alt="Background">
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="false">
+                 <div data-framer-name="Cradle">
+                  <div>
+                   <a data-framer-name="Tablet" href="./stories/cradle/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Cradle logo">
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“With Framer, our designers can ship updates daily. No dev handoff. No staging hassle.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Avatar">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Jelle Prins</p>
+                        </div>
+                        <div>
+                         <p>Co-Founder at Cradle</p>
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                    <div data-framer-name="Right">
+                     <div>
+                      <div data-framer-name="Pause">
+                       <div>
+                        <img alt="Cradle website">
+                       </div>
+                       <div>
+                        <video></video>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Image">
+                      <div>
+                       <img alt="Background">
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="false">
+                 <div data-framer-name="Miro">
+                  <div>
+                   <a data-framer-name="Tablet" href="./stories/miro/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Miro logo">
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“Framer allowed us to ship high-performing, beautifully designed pages at record speed, all while keeping design control in-house.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Avatar">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Radoslav Bali</p>
+                        </div>
+                        <div>
+                         <p>Design Lead at Miro</p>
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                    <div data-framer-name="Right">
+                     <div>
+                      <div data-framer-name="Pause">
+                       <div>
+                        <img alt="Miro website">
+                       </div>
+                       <div>
+                        <video></video>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Image">
+                      <div>
+                       <img alt="Background">
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Perplexity">
+                  <div>
+                   <a data-framer-name="Tablet" href="./stories/perplexity/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Perplexity logo">
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“Framer gives us everything we need to move fast. We don’t wait on dev. We don’t compromise on design.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Avatar">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Henry Modisett</p>
+                        </div>
+                        <div>
+                         <p>Head of Design at Perplexity</p>
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                    <div data-framer-name="Right">
+                     <div>
+                      <div data-framer-name="Pause">
+                       <div>
+                        <img alt="Perplexity website">
+                       </div>
+                       <div>
+                        <video></video>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Image">
+                      <div>
+                       <img alt="Background">
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Visual Electric">
+                  <div>
+                   <a data-framer-name="Tablet" href="./stories/visual-electric/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="">
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“Launching on Framer was seamless. Live in no time, no friction.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Colin Dunn</p>
+                        </div>
+                        <div>
+                         <p>Co-Founder at Visual Electric</p>
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                    <div data-framer-name="Right">
+                     <div>
+                      <div data-framer-name="Pause">
+                       <div>
+                        <img alt="Visual Electric website">
+                       </div>
+                       <div>
+                        <video></video>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Image">
+                      <div>
+                       <img alt="">
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Biograph">
+                  <div>
+                   <a data-framer-name="Tablet" href="./stories/biograph/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Biograph logo">
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“Framer gave us full creative freedom. No code limits, no handoffs. We shipped an immersive brand site in days.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Avatar">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Adam Jiwa</p>
+                        </div>
+                        <div>
+                         <p>Partnerships at Metalab</p>
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                    <div data-framer-name="Right">
+                     <div>
+                      <div data-framer-name="Pause">
+                       <div>
+                        <img alt="Biograph website">
+                       </div>
+                       <div>
+                        <video></video>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Image">
+                      <div>
+                       <img alt="Background">
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Cradle">
+                  <div>
+                   <a data-framer-name="Tablet" href="./stories/cradle/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Cradle logo">
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“With Framer, our designers can ship updates daily. No dev handoff. No staging hassle.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Avatar">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Jelle Prins</p>
+                        </div>
+                        <div>
+                         <p>Co-Founder at Cradle</p>
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                    <div data-framer-name="Right">
+                     <div>
+                      <div data-framer-name="Pause">
+                       <div>
+                        <img alt="Cradle website">
+                       </div>
+                       <div>
+                        <video></video>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Image">
+                      <div>
+                       <img alt="Background">
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Miro">
+                  <div>
+                   <a data-framer-name="Tablet" href="./stories/miro/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Miro logo">
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“Framer allowed us to ship high-performing, beautifully designed pages at record speed, all while keeping design control in-house.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Avatar">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Radoslav Bali</p>
+                        </div>
+                        <div>
+                         <p>Design Lead at Miro</p>
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                    <div data-framer-name="Right">
+                     <div>
+                      <div data-framer-name="Pause">
+                       <div>
+                        <img alt="Miro website">
+                       </div>
+                       <div>
+                        <video></video>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Image">
+                      <div>
+                       <img alt="Background">
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Perplexity">
+                  <div>
+                   <a data-framer-name="Tablet" href="./stories/perplexity/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Perplexity logo">
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“Framer gives us everything we need to move fast. We don’t wait on dev. We don’t compromise on design.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Avatar">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Henry Modisett</p>
+                        </div>
+                        <div>
+                         <p>Head of Design at Perplexity</p>
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                    <div data-framer-name="Right">
+                     <div>
+                      <div data-framer-name="Pause">
+                       <div>
+                        <img alt="Perplexity website">
+                       </div>
+                       <div>
+                        <video></video>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Image">
+                      <div>
+                       <img alt="Background">
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Visual Electric">
+                  <div>
+                   <a data-framer-name="Tablet" href="./stories/visual-electric/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="">
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“Launching on Framer was seamless. Live in no time, no friction.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Colin Dunn</p>
+                        </div>
+                        <div>
+                         <p>Co-Founder at Visual Electric</p>
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                    <div data-framer-name="Right">
+                     <div>
+                      <div data-framer-name="Pause">
+                       <div>
+                        <img alt="Visual Electric website">
+                       </div>
+                       <div>
+                        <video></video>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Image">
+                      <div>
+                       <img alt="">
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Biograph">
+                  <div>
+                   <a data-framer-name="Tablet" href="./stories/biograph/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Biograph logo">
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“Framer gave us full creative freedom. No code limits, no handoffs. We shipped an immersive brand site in days.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Avatar">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Adam Jiwa</p>
+                        </div>
+                        <div>
+                         <p>Partnerships at Metalab</p>
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                    <div data-framer-name="Right">
+                     <div>
+                      <div data-framer-name="Pause">
+                       <div>
+                        <img alt="Biograph website">
+                       </div>
+                       <div>
+                        <video></video>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Image">
+                      <div>
+                       <img alt="Background">
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Cradle">
+                  <div>
+                   <a data-framer-name="Tablet" href="./stories/cradle/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Cradle logo">
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“With Framer, our designers can ship updates daily. No dev handoff. No staging hassle.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Avatar">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Jelle Prins</p>
+                        </div>
+                        <div>
+                         <p>Co-Founder at Cradle</p>
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                    <div data-framer-name="Right">
+                     <div>
+                      <div data-framer-name="Pause">
+                       <div>
+                        <img alt="Cradle website">
+                       </div>
+                       <div>
+                        <video></video>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Image">
+                      <div>
+                       <img alt="Background">
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Miro">
+                  <div>
+                   <a data-framer-name="Tablet" href="./stories/miro/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Miro logo">
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“Framer allowed us to ship high-performing, beautifully designed pages at record speed, all while keeping design control in-house.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Avatar">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Radoslav Bali</p>
+                        </div>
+                        <div>
+                         <p>Design Lead at Miro</p>
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                    <div data-framer-name="Right">
+                     <div>
+                      <div data-framer-name="Pause">
+                       <div>
+                        <img alt="Miro website">
+                       </div>
+                       <div>
+                        <video></video>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Image">
+                      <div>
+                       <img alt="Background">
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Perplexity">
+                  <div>
+                   <a data-framer-name="Tablet" href="./stories/perplexity/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Perplexity logo">
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“Framer gives us everything we need to move fast. We don’t wait on dev. We don’t compromise on design.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Avatar">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Henry Modisett</p>
+                        </div>
+                        <div>
+                         <p>Head of Design at Perplexity</p>
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                    <div data-framer-name="Right">
+                     <div>
+                      <div data-framer-name="Pause">
+                       <div>
+                        <img alt="Perplexity website">
+                       </div>
+                       <div>
+                        <video></video>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Image">
+                      <div>
+                       <img alt="Background">
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Visual Electric">
+                  <div>
+                   <a data-framer-name="Tablet" href="./stories/visual-electric/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="">
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“Launching on Framer was seamless. Live in no time, no friction.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Colin Dunn</p>
+                        </div>
+                        <div>
+                         <p>Co-Founder at Visual Electric</p>
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                    <div data-framer-name="Right">
+                     <div>
+                      <div data-framer-name="Pause">
+                       <div>
+                        <img alt="Visual Electric website">
+                       </div>
+                       <div>
+                        <video></video>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Image">
+                      <div>
+                       <img alt="">
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Biograph">
+                  <div>
+                   <a data-framer-name="Tablet" href="./stories/biograph/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Biograph logo">
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“Framer gave us full creative freedom. No code limits, no handoffs. We shipped an immersive brand site in days.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Avatar">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Adam Jiwa</p>
+                        </div>
+                        <div>
+                         <p>Partnerships at Metalab</p>
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                    <div data-framer-name="Right">
+                     <div>
+                      <div data-framer-name="Pause">
+                       <div>
+                        <img alt="Biograph website">
+                       </div>
+                       <div>
+                        <video></video>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Image">
+                      <div>
+                       <img alt="Background">
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Cradle">
+                  <div>
+                   <a data-framer-name="Tablet" href="./stories/cradle/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Cradle logo">
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“With Framer, our designers can ship updates daily. No dev handoff. No staging hassle.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Avatar">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Jelle Prins</p>
+                        </div>
+                        <div>
+                         <p>Co-Founder at Cradle</p>
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                    <div data-framer-name="Right">
+                     <div>
+                      <div data-framer-name="Pause">
+                       <div>
+                        <img alt="Cradle website">
+                       </div>
+                       <div>
+                        <video></video>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Image">
+                      <div>
+                       <img alt="Background">
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Miro">
+                  <div>
+                   <a data-framer-name="Tablet" href="./stories/miro/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Miro logo">
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“Framer allowed us to ship high-performing, beautifully designed pages at record speed, all while keeping design control in-house.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Avatar">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Radoslav Bali</p>
+                        </div>
+                        <div>
+                         <p>Design Lead at Miro</p>
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                    <div data-framer-name="Right">
+                     <div>
+                      <div data-framer-name="Pause">
+                       <div>
+                        <img alt="Miro website">
+                       </div>
+                       <div>
+                        <video></video>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Image">
+                      <div>
+                       <img alt="Background">
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+               </ul>
+              </div>
+              <fieldset aria-label="Slideshow pagination controls">
+               <div>
+                <button type="button" aria-label="Previous">
+                 <img alt="Back Arrow">
+                </button>
+                <button type="button" aria-label="Next">
+                 <img alt="Next Arrow">
+                </button>
+               </div>
+               <div>
+                <button aria-label="Scroll to page 1" type="button">
+                 <div>Perplexity</div>
+                </button>
+                <button aria-label="Scroll to page 2" type="button">
+                 <div>Visual Electric</div>
+                </button>
+                <button aria-label="Scroll to page 3" type="button">
+                 <div>Biograph</div>
+                </button>
+                <button aria-label="Scroll to page 4" type="button">
+                 <div>Cradle</div>
+                </button>
+                <button aria-label="Scroll to page 5" type="button">
+                 <div>Miro</div>
+                </button>
+               </div>
+              </fieldset>
+             </section>
+            </div>
+            <div data-framer-name="Slideshow Phone" name="Slideshow Phone">
+             <section>
+              <div>
+               <ul>
+                <li aria-hidden="false">
+                 <div data-framer-name="Perplexity">
+                  <div>
+                   <a data-framer-name="Phone" href="./stories/perplexity/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Perplexity logo">
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“Framer gives us everything we need to move fast. We don’t wait on dev. We don’t compromise on design.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Avatar">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Henry Modisett</p>
+                        </div>
+                        <div>
+                         <p>Head of Design at Perplexity</p>
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="false">
+                 <div data-framer-name="Visual Electric">
+                  <div>
+                   <a data-framer-name="Phone" href="./stories/visual-electric/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="">
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“Launching on Framer was seamless. Live in no time, no friction.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Colin Dunn</p>
+                        </div>
+                        <div>
+                         <p>Co-Founder at Visual Electric</p>
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="false">
+                 <div data-framer-name="Biograph">
+                  <div>
+                   <a data-framer-name="Phone" href="./stories/biograph/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Biograph logo">
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“Framer gave us full creative freedom. No code limits, no handoffs. We shipped an immersive brand site in days.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Avatar">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Adam Jiwa</p>
+                        </div>
+                        <div>
+                         <p>Partnerships at Metalab</p>
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="false">
+                 <div data-framer-name="Cradle">
+                  <div>
+                   <a data-framer-name="Phone" href="./stories/cradle/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Cradle logo">
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“With Framer, our designers can ship updates daily. No dev handoff. No staging hassle.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Avatar">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Jelle Prins</p>
+                        </div>
+                        <div>
+                         <p>Co-Founder at Cradle</p>
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="false">
+                 <div data-framer-name="Miro">
+                  <div>
+                   <a data-framer-name="Phone" href="./stories/miro/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Miro logo">
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“Framer allowed us to ship high-performing, beautifully designed pages at record speed, all while keeping design control in-house.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Avatar">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Radoslav Bali</p>
+                        </div>
+                        <div>
+                         <p>Design Lead at Miro</p>
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Perplexity">
+                  <div>
+                   <a data-framer-name="Phone" href="./stories/perplexity/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Perplexity logo">
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“Framer gives us everything we need to move fast. We don’t wait on dev. We don’t compromise on design.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Avatar">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Henry Modisett</p>
+                        </div>
+                        <div>
+                         <p>Head of Design at Perplexity</p>
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Visual Electric">
+                  <div>
+                   <a data-framer-name="Phone" href="./stories/visual-electric/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="">
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“Launching on Framer was seamless. Live in no time, no friction.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Colin Dunn</p>
+                        </div>
+                        <div>
+                         <p>Co-Founder at Visual Electric</p>
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Biograph">
+                  <div>
+                   <a data-framer-name="Phone" href="./stories/biograph/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Biograph logo">
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“Framer gave us full creative freedom. No code limits, no handoffs. We shipped an immersive brand site in days.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Avatar">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Adam Jiwa</p>
+                        </div>
+                        <div>
+                         <p>Partnerships at Metalab</p>
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Cradle">
+                  <div>
+                   <a data-framer-name="Phone" href="./stories/cradle/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Cradle logo">
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“With Framer, our designers can ship updates daily. No dev handoff. No staging hassle.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Avatar">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Jelle Prins</p>
+                        </div>
+                        <div>
+                         <p>Co-Founder at Cradle</p>
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Miro">
+                  <div>
+                   <a data-framer-name="Phone" href="./stories/miro/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Miro logo">
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“Framer allowed us to ship high-performing, beautifully designed pages at record speed, all while keeping design control in-house.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Avatar">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Radoslav Bali</p>
+                        </div>
+                        <div>
+                         <p>Design Lead at Miro</p>
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Perplexity">
+                  <div>
+                   <a data-framer-name="Phone" href="./stories/perplexity/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Perplexity logo">
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“Framer gives us everything we need to move fast. We don’t wait on dev. We don’t compromise on design.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Avatar">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Henry Modisett</p>
+                        </div>
+                        <div>
+                         <p>Head of Design at Perplexity</p>
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Visual Electric">
+                  <div>
+                   <a data-framer-name="Phone" href="./stories/visual-electric/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="">
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“Launching on Framer was seamless. Live in no time, no friction.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Colin Dunn</p>
+                        </div>
+                        <div>
+                         <p>Co-Founder at Visual Electric</p>
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Biograph">
+                  <div>
+                   <a data-framer-name="Phone" href="./stories/biograph/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Biograph logo">
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“Framer gave us full creative freedom. No code limits, no handoffs. We shipped an immersive brand site in days.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Avatar">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Adam Jiwa</p>
+                        </div>
+                        <div>
+                         <p>Partnerships at Metalab</p>
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Cradle">
+                  <div>
+                   <a data-framer-name="Phone" href="./stories/cradle/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Cradle logo">
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“With Framer, our designers can ship updates daily. No dev handoff. No staging hassle.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Avatar">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Jelle Prins</p>
+                        </div>
+                        <div>
+                         <p>Co-Founder at Cradle</p>
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Miro">
+                  <div>
+                   <a data-framer-name="Phone" href="./stories/miro/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Miro logo">
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“Framer allowed us to ship high-performing, beautifully designed pages at record speed, all while keeping design control in-house.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Avatar">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Radoslav Bali</p>
+                        </div>
+                        <div>
+                         <p>Design Lead at Miro</p>
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Perplexity">
+                  <div>
+                   <a data-framer-name="Phone" href="./stories/perplexity/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Perplexity logo">
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“Framer gives us everything we need to move fast. We don’t wait on dev. We don’t compromise on design.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Avatar">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Henry Modisett</p>
+                        </div>
+                        <div>
+                         <p>Head of Design at Perplexity</p>
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Visual Electric">
+                  <div>
+                   <a data-framer-name="Phone" href="./stories/visual-electric/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="">
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“Launching on Framer was seamless. Live in no time, no friction.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Colin Dunn</p>
+                        </div>
+                        <div>
+                         <p>Co-Founder at Visual Electric</p>
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Biograph">
+                  <div>
+                   <a data-framer-name="Phone" href="./stories/biograph/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Biograph logo">
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“Framer gave us full creative freedom. No code limits, no handoffs. We shipped an immersive brand site in days.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Avatar">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Adam Jiwa</p>
+                        </div>
+                        <div>
+                         <p>Partnerships at Metalab</p>
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Cradle">
+                  <div>
+                   <a data-framer-name="Phone" href="./stories/cradle/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Cradle logo">
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“With Framer, our designers can ship updates daily. No dev handoff. No staging hassle.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Avatar">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Jelle Prins</p>
+                        </div>
+                        <div>
+                         <p>Co-Founder at Cradle</p>
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Miro">
+                  <div>
+                   <a data-framer-name="Phone" href="./stories/miro/">
+                    <div data-framer-name="Left">
+                     <div data-framer-name="Top">
+                      <div data-framer-name="Logo">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Miro logo">
+                        </div>
+                       </div>
+                      </div>
+                      <div data-framer-name="CTA 2025">
+                       <div>
+                        <p>Read more</p>
+                       </div>
+                       <div>
+                        <div></div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Pad Quote">
+                      <div data-framer-name="Quote">
+                       <p>“Framer allowed us to ship high-performing, beautifully designed pages at record speed, all while keeping design control in-house.”</p>
+                      </div>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div data-framer-name="User">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Avatar">
+                        </div>
+                       </div>
+                       <div data-framer-name="Name">
+                        <div>
+                         <p>Radoslav Bali</p>
+                        </div>
+                        <div>
+                         <p>Design Lead at Miro</p>
+                        </div>
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="BG Gradient"></div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+               </ul>
+              </div>
+              <fieldset aria-label="Slideshow pagination controls">
+               <div>
+                <button type="button" aria-label="Previous">
+                 <img alt="Back Arrow">
+                </button>
+                <button type="button" aria-label="Next">
+                 <img alt="Next Arrow">
+                </button>
+               </div>
+               <div>
+                <button aria-label="Scroll to page 1" type="button">
+                 <div></div>
+                </button>
+                <button aria-label="Scroll to page 2" type="button">
+                 <div></div>
+                </button>
+                <button aria-label="Scroll to page 3" type="button">
+                 <div></div>
+                </button>
+                <button aria-label="Scroll to page 4" type="button">
+                 <div></div>
+                </button>
+                <button aria-label="Scroll to page 5" type="button">
+                 <div></div>
+                </button>
+               </div>
+              </fieldset>
+             </section>
+            </div>
+           </div>
           </div>
-          <div></div>
-          <div></div>
-          <div data-framer-name="New Pivot" name="New Pivot">
-           <div>
-            <div name="New Pivot" data-framer-name="Desktop">
-             <header data-framer-name="Header">
-              <div data-framer-name="Text">
-               <div>
-                <h2>The site builder that gets design</h2>
-               </div>
-              </div>
-              <div data-framer-name="Buttons">
-               <div>
-                <a data-framer-name="Regular" href="https://framer.com/r/signup">
-                 <div data-framer-name="Default">
-                  <p>Start for free</p>
-                 </div>
-                </a>
-               </div>
-               <div>
-                <a data-framer-name="Regular" href="./wireframer/">
-                 <div data-framer-name="Default">
-                  <p>Start with AI</p>
-                 </div>
-                </a>
-               </div>
-              </div>
-             </header>
-             <div data-framer-name="Visual">
+          <section data-framer-name="Experts">
+           <header data-framer-name="Header">
+            <div>
+             <h2>Get pro help from handpicked experts</h2>
+            </div>
+            <div data-framer-name="Buttons">
+             <div>
               <div>
-               <div data-framer-name="Pause">
-                <div>
-                 <video></video>
+               <a data-framer-name="Regular" href="./match/">
+                <div data-framer-name="Default">
+                 <p>Get matched</p>
                 </div>
-               </div>
+               </a>
+              </div>
+             </div>
+             <div>
+              <div>
+               <a data-framer-name="Phone" href="./match/">
+                <div data-framer-name="Default">
+                 <p>Get matched</p>
+                </div>
+               </a>
+              </div>
+             </div>
+             <div>
+              <div>
+               <a data-framer-name="Regular" href="./match/">
+                <div data-framer-name="Default">
+                 <p>Get matched</p>
+                </div>
+               </a>
+              </div>
+             </div>
+             <div>
+              <div>
+               <a data-framer-name="Regular" href="https://www.framer.com/experts/">
+                <div data-framer-name="Default">
+                 <p>Find an Expert</p>
+                </div>
+               </a>
+              </div>
+             </div>
+             <div>
+              <div>
+               <a data-framer-name="Phone" href="https://www.framer.com/experts/">
+                <div data-framer-name="Default">
+                 <p>Find an Expert</p>
+                </div>
+               </a>
+              </div>
+             </div>
+             <div>
+              <div>
+               <a data-framer-name="Regular" href="https://www.framer.com/experts/">
+                <div data-framer-name="Default">
+                 <p>Find an Expert</p>
+                </div>
+               </a>
               </div>
              </div>
             </div>
-           </div>
-           <div>
-            <div name="New Pivot" data-framer-name="Tablet">
-             <header data-framer-name="Header">
-              <div data-framer-name="Text">
-               <div>
-                <h2>The site builder that gets design</h2>
-               </div>
-              </div>
-              <div data-framer-name="Buttons">
-               <div>
-                <a data-framer-name="Regular" href="https://framer.com/r/signup">
-                 <div data-framer-name="Default">
-                  <p>Start for free</p>
-                 </div>
-                </a>
-               </div>
-               <div>
-                <a data-framer-name="Regular" href="./wireframer/">
-                 <div data-framer-name="Default">
-                  <p>Start with AI</p>
-                 </div>
-                </a>
-               </div>
-              </div>
-             </header>
-             <div data-framer-name="Visual">
+           </header>
+           <div data-framer-name="Visual">
+            <div data-framer-name="Desktop Slideshow" name="Desktop Slideshow">
+             <section>
               <div>
-               <div data-framer-name="Pause">
-                <div>
-                 <video></video>
-                </div>
+               <ul>
+                <li aria-hidden="false">
+                 <div data-framer-name="Experts Desktop 1">
+                  <div data-framer-name="Trueform" name="Trueform">
+                   <a name="Trueform" data-framer-name="Expert" href="https://www.framer.com/@trueform/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Trueform</p>
+                      </div>
+                      <div>
+                       <p>Switzerland</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Alex Aperios" name="Alex Aperios">
+                   <a name="Alex Aperios" data-framer-name="Expert" href="https://www.framer.com/@alex-aperios/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Alex Aperios</p>
+                      </div>
+                      <div>
+                       <p>United Kingdom</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Analogue Agency" name="Analogue Agency">
+                   <a name="Analogue Agency" data-framer-name="Expert" href="https://www.framer.com/@analogueagency/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Analogue Agency</p>
+                      </div>
+                      <div>
+                       <p>Netherlands</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Fabian Albert" name="Fabian Albert">
+                   <a name="Fabian Albert" data-framer-name="Expert" href="https://www.framer.com/@fabian-albert/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Fabian Albert</p>
+                      </div>
+                      <div>
+                       <p>United States</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="false">
+                 <div data-framer-name="Experts Desktop 2">
+                  <div data-framer-name="Allsite Studio" name="Allsite Studio">
+                   <a name="Allsite Studio" data-framer-name="Expert" href="https://www.framer.com/@ben-libor/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Allsite Studio</p>
+                      </div>
+                      <div>
+                       <p>Germany</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Aerolab" name="Aerolab">
+                   <a name="Aerolab" data-framer-name="Expert" href="https://www.framer.com/@aerolab/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Aerolab</p>
+                      </div>
+                      <div>
+                       <p>United States</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Adriano Reis" name="Adriano Reis">
+                   <a name="Adriano Reis" data-framer-name="Expert" href="https://www.framer.com/@adrianoreis/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Adriano Reis</p>
+                      </div>
+                      <div>
+                       <p>United States</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Deserve Studio" name="Deserve Studio">
+                   <a name="Deserve Studio" data-framer-name="Expert" href="https://www.framer.com/@deservestudio/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Deserve Studio</p>
+                      </div>
+                      <div>
+                       <p>United States</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Experts Desktop 1">
+                  <div data-framer-name="Trueform" name="Trueform">
+                   <a name="Trueform" data-framer-name="Expert" href="https://www.framer.com/@trueform/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Trueform</p>
+                      </div>
+                      <div>
+                       <p>Switzerland</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Alex Aperios" name="Alex Aperios">
+                   <a name="Alex Aperios" data-framer-name="Expert" href="https://www.framer.com/@alex-aperios/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Alex Aperios</p>
+                      </div>
+                      <div>
+                       <p>United Kingdom</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Analogue Agency" name="Analogue Agency">
+                   <a name="Analogue Agency" data-framer-name="Expert" href="https://www.framer.com/@analogueagency/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Analogue Agency</p>
+                      </div>
+                      <div>
+                       <p>Netherlands</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Fabian Albert" name="Fabian Albert">
+                   <a name="Fabian Albert" data-framer-name="Expert" href="https://www.framer.com/@fabian-albert/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Fabian Albert</p>
+                      </div>
+                      <div>
+                       <p>United States</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Experts Desktop 2">
+                  <div data-framer-name="Allsite Studio" name="Allsite Studio">
+                   <a name="Allsite Studio" data-framer-name="Expert" href="https://www.framer.com/@ben-libor/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Allsite Studio</p>
+                      </div>
+                      <div>
+                       <p>Germany</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Aerolab" name="Aerolab">
+                   <a name="Aerolab" data-framer-name="Expert" href="https://www.framer.com/@aerolab/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Aerolab</p>
+                      </div>
+                      <div>
+                       <p>United States</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Adriano Reis" name="Adriano Reis">
+                   <a name="Adriano Reis" data-framer-name="Expert" href="https://www.framer.com/@adrianoreis/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Adriano Reis</p>
+                      </div>
+                      <div>
+                       <p>United States</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Deserve Studio" name="Deserve Studio">
+                   <a name="Deserve Studio" data-framer-name="Expert" href="https://www.framer.com/@deservestudio/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Deserve Studio</p>
+                      </div>
+                      <div>
+                       <p>United States</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Experts Desktop 1">
+                  <div data-framer-name="Trueform" name="Trueform">
+                   <a name="Trueform" data-framer-name="Expert" href="https://www.framer.com/@trueform/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Trueform</p>
+                      </div>
+                      <div>
+                       <p>Switzerland</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Alex Aperios" name="Alex Aperios">
+                   <a name="Alex Aperios" data-framer-name="Expert" href="https://www.framer.com/@alex-aperios/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Alex Aperios</p>
+                      </div>
+                      <div>
+                       <p>United Kingdom</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Analogue Agency" name="Analogue Agency">
+                   <a name="Analogue Agency" data-framer-name="Expert" href="https://www.framer.com/@analogueagency/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Analogue Agency</p>
+                      </div>
+                      <div>
+                       <p>Netherlands</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Fabian Albert" name="Fabian Albert">
+                   <a name="Fabian Albert" data-framer-name="Expert" href="https://www.framer.com/@fabian-albert/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Fabian Albert</p>
+                      </div>
+                      <div>
+                       <p>United States</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Experts Desktop 2">
+                  <div data-framer-name="Allsite Studio" name="Allsite Studio">
+                   <a name="Allsite Studio" data-framer-name="Expert" href="https://www.framer.com/@ben-libor/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Allsite Studio</p>
+                      </div>
+                      <div>
+                       <p>Germany</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Aerolab" name="Aerolab">
+                   <a name="Aerolab" data-framer-name="Expert" href="https://www.framer.com/@aerolab/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Aerolab</p>
+                      </div>
+                      <div>
+                       <p>United States</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Adriano Reis" name="Adriano Reis">
+                   <a name="Adriano Reis" data-framer-name="Expert" href="https://www.framer.com/@adrianoreis/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Adriano Reis</p>
+                      </div>
+                      <div>
+                       <p>United States</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Deserve Studio" name="Deserve Studio">
+                   <a name="Deserve Studio" data-framer-name="Expert" href="https://www.framer.com/@deservestudio/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Deserve Studio</p>
+                      </div>
+                      <div>
+                       <p>United States</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Experts Desktop 1">
+                  <div data-framer-name="Trueform" name="Trueform">
+                   <a name="Trueform" data-framer-name="Expert" href="https://www.framer.com/@trueform/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Trueform</p>
+                      </div>
+                      <div>
+                       <p>Switzerland</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Alex Aperios" name="Alex Aperios">
+                   <a name="Alex Aperios" data-framer-name="Expert" href="https://www.framer.com/@alex-aperios/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Alex Aperios</p>
+                      </div>
+                      <div>
+                       <p>United Kingdom</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Analogue Agency" name="Analogue Agency">
+                   <a name="Analogue Agency" data-framer-name="Expert" href="https://www.framer.com/@analogueagency/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Analogue Agency</p>
+                      </div>
+                      <div>
+                       <p>Netherlands</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Fabian Albert" name="Fabian Albert">
+                   <a name="Fabian Albert" data-framer-name="Expert" href="https://www.framer.com/@fabian-albert/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Fabian Albert</p>
+                      </div>
+                      <div>
+                       <p>United States</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Experts Desktop 2">
+                  <div data-framer-name="Allsite Studio" name="Allsite Studio">
+                   <a name="Allsite Studio" data-framer-name="Expert" href="https://www.framer.com/@ben-libor/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Allsite Studio</p>
+                      </div>
+                      <div>
+                       <p>Germany</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Aerolab" name="Aerolab">
+                   <a name="Aerolab" data-framer-name="Expert" href="https://www.framer.com/@aerolab/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Aerolab</p>
+                      </div>
+                      <div>
+                       <p>United States</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Adriano Reis" name="Adriano Reis">
+                   <a name="Adriano Reis" data-framer-name="Expert" href="https://www.framer.com/@adrianoreis/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Adriano Reis</p>
+                      </div>
+                      <div>
+                       <p>United States</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Deserve Studio" name="Deserve Studio">
+                   <a name="Deserve Studio" data-framer-name="Expert" href="https://www.framer.com/@deservestudio/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Deserve Studio</p>
+                      </div>
+                      <div>
+                       <p>United States</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+               </ul>
+              </div>
+              <fieldset aria-label="Slideshow pagination controls">
+               <div>
+                <button type="button" aria-label="Previous">
+                 <img alt="Back Arrow">
+                </button>
+                <button type="button" aria-label="Next">
+                 <img alt="Next Arrow">
+                </button>
                </div>
+               <div>
+                <button aria-label="Scroll to page 1" type="button">
+                 <div></div>
+                </button>
+                <button aria-label="Scroll to page 2" type="button">
+                 <div></div>
+                </button>
+               </div>
+              </fieldset>
+             </section>
+            </div>
+            <div data-framer-name="Tablet Slideshow" name="Tablet Slideshow">
+             <section>
+              <div>
+               <ul>
+                <li aria-hidden="false">
+                 <div data-framer-name="Experts Tablet 1">
+                  <div data-framer-name="Trueform" name="Trueform">
+                   <a name="Trueform" data-framer-name="Expert" href="https://www.framer.com/@trueform/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Trueform</p>
+                      </div>
+                      <div>
+                       <p>Switzerland</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Alex Aperios" name="Alex Aperios">
+                   <a name="Alex Aperios" data-framer-name="Expert" href="https://www.framer.com/@alex-aperios/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Alex Aperios</p>
+                      </div>
+                      <div>
+                       <p>United Kingdom</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Analogue Agency" name="Analogue Agency">
+                   <a name="Analogue Agency" data-framer-name="Expert" href="https://www.framer.com/@analogueagency/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Analogue Agency</p>
+                      </div>
+                      <div>
+                       <p>Netherlands</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Fabian Albert" name="Fabian Albert">
+                   <a name="Fabian Albert" data-framer-name="Expert" href="https://www.framer.com/@fabian-albert/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Fabian Albert</p>
+                      </div>
+                      <div>
+                       <p>United States</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="false">
+                 <div data-framer-name="Experts Tablet 2">
+                  <div data-framer-name="Allsite Studio" name="Allsite Studio">
+                   <a name="Allsite Studio" data-framer-name="Expert" href="https://www.framer.com/@ben-libor/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Allsite Studio</p>
+                      </div>
+                      <div>
+                       <p>Germany</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Aerolab" name="Aerolab">
+                   <a name="Aerolab" data-framer-name="Expert" href="https://www.framer.com/@aerolab/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Aerolab</p>
+                      </div>
+                      <div>
+                       <p>United States</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Adriano Reis" name="Adriano Reis">
+                   <a name="Adriano Reis" data-framer-name="Expert" href="https://www.framer.com/@adrianoreis/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Adriano Reis</p>
+                      </div>
+                      <div>
+                       <p>United States</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Deserve Studio" name="Deserve Studio">
+                   <a name="Deserve Studio" data-framer-name="Expert" href="https://www.framer.com/@deservestudio/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Deserve Studio</p>
+                      </div>
+                      <div>
+                       <p>United States</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Experts Tablet 1">
+                  <div data-framer-name="Trueform" name="Trueform">
+                   <a name="Trueform" data-framer-name="Expert" href="https://www.framer.com/@trueform/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Trueform</p>
+                      </div>
+                      <div>
+                       <p>Switzerland</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Alex Aperios" name="Alex Aperios">
+                   <a name="Alex Aperios" data-framer-name="Expert" href="https://www.framer.com/@alex-aperios/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Alex Aperios</p>
+                      </div>
+                      <div>
+                       <p>United Kingdom</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Analogue Agency" name="Analogue Agency">
+                   <a name="Analogue Agency" data-framer-name="Expert" href="https://www.framer.com/@analogueagency/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Analogue Agency</p>
+                      </div>
+                      <div>
+                       <p>Netherlands</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Fabian Albert" name="Fabian Albert">
+                   <a name="Fabian Albert" data-framer-name="Expert" href="https://www.framer.com/@fabian-albert/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Fabian Albert</p>
+                      </div>
+                      <div>
+                       <p>United States</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Experts Tablet 2">
+                  <div data-framer-name="Allsite Studio" name="Allsite Studio">
+                   <a name="Allsite Studio" data-framer-name="Expert" href="https://www.framer.com/@ben-libor/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Allsite Studio</p>
+                      </div>
+                      <div>
+                       <p>Germany</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Aerolab" name="Aerolab">
+                   <a name="Aerolab" data-framer-name="Expert" href="https://www.framer.com/@aerolab/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Aerolab</p>
+                      </div>
+                      <div>
+                       <p>United States</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Adriano Reis" name="Adriano Reis">
+                   <a name="Adriano Reis" data-framer-name="Expert" href="https://www.framer.com/@adrianoreis/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Adriano Reis</p>
+                      </div>
+                      <div>
+                       <p>United States</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Deserve Studio" name="Deserve Studio">
+                   <a name="Deserve Studio" data-framer-name="Expert" href="https://www.framer.com/@deservestudio/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Deserve Studio</p>
+                      </div>
+                      <div>
+                       <p>United States</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Experts Tablet 1">
+                  <div data-framer-name="Trueform" name="Trueform">
+                   <a name="Trueform" data-framer-name="Expert" href="https://www.framer.com/@trueform/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Trueform</p>
+                      </div>
+                      <div>
+                       <p>Switzerland</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Alex Aperios" name="Alex Aperios">
+                   <a name="Alex Aperios" data-framer-name="Expert" href="https://www.framer.com/@alex-aperios/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Alex Aperios</p>
+                      </div>
+                      <div>
+                       <p>United Kingdom</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Analogue Agency" name="Analogue Agency">
+                   <a name="Analogue Agency" data-framer-name="Expert" href="https://www.framer.com/@analogueagency/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Analogue Agency</p>
+                      </div>
+                      <div>
+                       <p>Netherlands</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Fabian Albert" name="Fabian Albert">
+                   <a name="Fabian Albert" data-framer-name="Expert" href="https://www.framer.com/@fabian-albert/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Fabian Albert</p>
+                      </div>
+                      <div>
+                       <p>United States</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Experts Tablet 2">
+                  <div data-framer-name="Allsite Studio" name="Allsite Studio">
+                   <a name="Allsite Studio" data-framer-name="Expert" href="https://www.framer.com/@ben-libor/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Allsite Studio</p>
+                      </div>
+                      <div>
+                       <p>Germany</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Aerolab" name="Aerolab">
+                   <a name="Aerolab" data-framer-name="Expert" href="https://www.framer.com/@aerolab/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Aerolab</p>
+                      </div>
+                      <div>
+                       <p>United States</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Adriano Reis" name="Adriano Reis">
+                   <a name="Adriano Reis" data-framer-name="Expert" href="https://www.framer.com/@adrianoreis/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Adriano Reis</p>
+                      </div>
+                      <div>
+                       <p>United States</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Deserve Studio" name="Deserve Studio">
+                   <a name="Deserve Studio" data-framer-name="Expert" href="https://www.framer.com/@deservestudio/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Deserve Studio</p>
+                      </div>
+                      <div>
+                       <p>United States</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Experts Tablet 1">
+                  <div data-framer-name="Trueform" name="Trueform">
+                   <a name="Trueform" data-framer-name="Expert" href="https://www.framer.com/@trueform/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Trueform</p>
+                      </div>
+                      <div>
+                       <p>Switzerland</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Alex Aperios" name="Alex Aperios">
+                   <a name="Alex Aperios" data-framer-name="Expert" href="https://www.framer.com/@alex-aperios/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Alex Aperios</p>
+                      </div>
+                      <div>
+                       <p>United Kingdom</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Analogue Agency" name="Analogue Agency">
+                   <a name="Analogue Agency" data-framer-name="Expert" href="https://www.framer.com/@analogueagency/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Analogue Agency</p>
+                      </div>
+                      <div>
+                       <p>Netherlands</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Fabian Albert" name="Fabian Albert">
+                   <a name="Fabian Albert" data-framer-name="Expert" href="https://www.framer.com/@fabian-albert/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Fabian Albert</p>
+                      </div>
+                      <div>
+                       <p>United States</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Experts Tablet 2">
+                  <div data-framer-name="Allsite Studio" name="Allsite Studio">
+                   <a name="Allsite Studio" data-framer-name="Expert" href="https://www.framer.com/@ben-libor/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Allsite Studio</p>
+                      </div>
+                      <div>
+                       <p>Germany</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Aerolab" name="Aerolab">
+                   <a name="Aerolab" data-framer-name="Expert" href="https://www.framer.com/@aerolab/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Aerolab</p>
+                      </div>
+                      <div>
+                       <p>United States</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Adriano Reis" name="Adriano Reis">
+                   <a name="Adriano Reis" data-framer-name="Expert" href="https://www.framer.com/@adrianoreis/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Adriano Reis</p>
+                      </div>
+                      <div>
+                       <p>United States</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Deserve Studio" name="Deserve Studio">
+                   <a name="Deserve Studio" data-framer-name="Expert" href="https://www.framer.com/@deservestudio/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="User">
+                     <div data-framer-name="Avatar">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Avatar">
+                       </div>
+                      </div>
+                     </div>
+                     <div data-framer-name="Name">
+                      <div>
+                       <p>Deserve Studio</p>
+                      </div>
+                      <div>
+                       <p>United States</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+               </ul>
+              </div>
+              <fieldset aria-label="Slideshow pagination controls">
+               <div>
+                <button type="button" aria-label="Previous">
+                 <img alt="Back Arrow">
+                </button>
+                <button type="button" aria-label="Next">
+                 <img alt="Next Arrow">
+                </button>
+               </div>
+               <div>
+                <button aria-label="Scroll to page 1" type="button">
+                 <div></div>
+                </button>
+                <button aria-label="Scroll to page 2" type="button">
+                 <div></div>
+                </button>
+               </div>
+              </fieldset>
+             </section>
+            </div>
+            <div data-framer-name="Phone Slideshow" name="Phone Slideshow">
+             <section>
+              <div>
+               <ul>
+                <li aria-hidden="false">
+                 <div data-framer-name="Experts Phone 1">
+                  <div data-framer-name="Trueform" name="Trueform">
+                   <a name="Trueform" data-framer-name="Expert" href="https://www.framer.com/@trueform/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Alex Aperios" name="Alex Aperios">
+                   <a name="Alex Aperios" data-framer-name="Expert" href="https://www.framer.com/@alex-aperios/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Analogue Agency" name="Analogue Agency">
+                   <a name="Analogue Agency" data-framer-name="Expert" href="https://www.framer.com/@analogueagency/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Fabian Albert" name="Fabian Albert">
+                   <a name="Fabian Albert" data-framer-name="Expert" href="https://www.framer.com/@fabian-albert/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="false">
+                 <div data-framer-name="Experts Phone 2">
+                  <div data-framer-name="Allsite Studio" name="Allsite Studio">
+                   <a name="Allsite Studio" data-framer-name="Expert" href="https://www.framer.com/@ben-libor/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Aerolab" name="Aerolab">
+                   <a name="Aerolab" data-framer-name="Expert" href="https://www.framer.com/@aerolab/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Adriano Reis" name="Adriano Reis">
+                   <a name="Adriano Reis" data-framer-name="Expert" href="https://www.framer.com/@adrianoreis/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Deserve Studio" name="Deserve Studio">
+                   <a name="Deserve Studio" data-framer-name="Expert" href="https://www.framer.com/@deservestudio/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Experts Phone 1">
+                  <div data-framer-name="Trueform" name="Trueform">
+                   <a name="Trueform" data-framer-name="Expert" href="https://www.framer.com/@trueform/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Alex Aperios" name="Alex Aperios">
+                   <a name="Alex Aperios" data-framer-name="Expert" href="https://www.framer.com/@alex-aperios/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Analogue Agency" name="Analogue Agency">
+                   <a name="Analogue Agency" data-framer-name="Expert" href="https://www.framer.com/@analogueagency/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Fabian Albert" name="Fabian Albert">
+                   <a name="Fabian Albert" data-framer-name="Expert" href="https://www.framer.com/@fabian-albert/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Experts Phone 2">
+                  <div data-framer-name="Allsite Studio" name="Allsite Studio">
+                   <a name="Allsite Studio" data-framer-name="Expert" href="https://www.framer.com/@ben-libor/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Aerolab" name="Aerolab">
+                   <a name="Aerolab" data-framer-name="Expert" href="https://www.framer.com/@aerolab/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Adriano Reis" name="Adriano Reis">
+                   <a name="Adriano Reis" data-framer-name="Expert" href="https://www.framer.com/@adrianoreis/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Deserve Studio" name="Deserve Studio">
+                   <a name="Deserve Studio" data-framer-name="Expert" href="https://www.framer.com/@deservestudio/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Experts Phone 1">
+                  <div data-framer-name="Trueform" name="Trueform">
+                   <a name="Trueform" data-framer-name="Expert" href="https://www.framer.com/@trueform/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Alex Aperios" name="Alex Aperios">
+                   <a name="Alex Aperios" data-framer-name="Expert" href="https://www.framer.com/@alex-aperios/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Analogue Agency" name="Analogue Agency">
+                   <a name="Analogue Agency" data-framer-name="Expert" href="https://www.framer.com/@analogueagency/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Fabian Albert" name="Fabian Albert">
+                   <a name="Fabian Albert" data-framer-name="Expert" href="https://www.framer.com/@fabian-albert/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Experts Phone 2">
+                  <div data-framer-name="Allsite Studio" name="Allsite Studio">
+                   <a name="Allsite Studio" data-framer-name="Expert" href="https://www.framer.com/@ben-libor/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Aerolab" name="Aerolab">
+                   <a name="Aerolab" data-framer-name="Expert" href="https://www.framer.com/@aerolab/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Adriano Reis" name="Adriano Reis">
+                   <a name="Adriano Reis" data-framer-name="Expert" href="https://www.framer.com/@adrianoreis/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Deserve Studio" name="Deserve Studio">
+                   <a name="Deserve Studio" data-framer-name="Expert" href="https://www.framer.com/@deservestudio/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Experts Phone 1">
+                  <div data-framer-name="Trueform" name="Trueform">
+                   <a name="Trueform" data-framer-name="Expert" href="https://www.framer.com/@trueform/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Alex Aperios" name="Alex Aperios">
+                   <a name="Alex Aperios" data-framer-name="Expert" href="https://www.framer.com/@alex-aperios/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Analogue Agency" name="Analogue Agency">
+                   <a name="Analogue Agency" data-framer-name="Expert" href="https://www.framer.com/@analogueagency/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Fabian Albert" name="Fabian Albert">
+                   <a name="Fabian Albert" data-framer-name="Expert" href="https://www.framer.com/@fabian-albert/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+                <li aria-hidden="true">
+                 <div data-framer-name="Experts Phone 2">
+                  <div data-framer-name="Allsite Studio" name="Allsite Studio">
+                   <a name="Allsite Studio" data-framer-name="Expert" href="https://www.framer.com/@ben-libor/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Aerolab" name="Aerolab">
+                   <a name="Aerolab" data-framer-name="Expert" href="https://www.framer.com/@aerolab/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Adriano Reis" name="Adriano Reis">
+                   <a name="Adriano Reis" data-framer-name="Expert" href="https://www.framer.com/@adrianoreis/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Deserve Studio" name="Deserve Studio">
+                   <a name="Deserve Studio" data-framer-name="Expert" href="https://www.framer.com/@deservestudio/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image 1">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                      <div data-framer-name="Image 2">
+                       <div>
+                        <img alt="">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div>
+                       <p>View Expert</p>
+                      </div>
+                     </button>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+               </ul>
+              </div>
+              <fieldset aria-label="Slideshow pagination controls">
+               <div>
+                <button type="button" aria-label="Previous">
+                 <img alt="Back Arrow">
+                </button>
+                <button type="button" aria-label="Next">
+                 <img alt="Next Arrow">
+                </button>
+               </div>
+               <div>
+                <button aria-label="Scroll to page 1" type="button">
+                 <div></div>
+                </button>
+                <button aria-label="Scroll to page 2" type="button">
+                 <div></div>
+                </button>
+               </div>
+              </fieldset>
+             </section>
+            </div>
+           </div>
+          </section>
+          <section data-framer-name="Community">
+           <header data-framer-name="Header">
+            <div>
+             <h2>Launch faster with community resources</h2>
+            </div>
+            <div data-framer-name="Buttons">
+             <div>
+              <div>
+               <a data-framer-name="Regular" href="https://www.framer.com/marketplace/templates/">
+                <div data-framer-name="Default">
+                 <p>Templates</p>
+                </div>
+               </a>
+              </div>
+             </div>
+             <div>
+              <div>
+               <a data-framer-name="Phone" href="https://www.framer.com/marketplace/templates/">
+                <div data-framer-name="Default">
+                 <p>Templates</p>
+                </div>
+               </a>
+              </div>
+             </div>
+             <div>
+              <div>
+               <a data-framer-name="Regular" href="https://www.framer.com/marketplace/templates/">
+                <div data-framer-name="Default">
+                 <p>Templates</p>
+                </div>
+               </a>
+              </div>
+             </div>
+             <div>
+              <div>
+               <a data-framer-name="Regular" href="https://www.framer.com/marketplace/plugins/">
+                <div data-framer-name="Default">
+                 <p>Plugins</p>
+                </div>
+               </a>
+              </div>
+             </div>
+             <div>
+              <div>
+               <a data-framer-name="Phone" href="https://www.framer.com/marketplace/plugins/">
+                <div data-framer-name="Default">
+                 <p>Plugins</p>
+                </div>
+               </a>
+              </div>
+             </div>
+             <div>
+              <div>
+               <a data-framer-name="Regular" href="https://www.framer.com/marketplace/plugins/">
+                <div data-framer-name="Default">
+                 <p>Plugins</p>
+                </div>
+               </a>
+              </div>
+             </div>
+             <div>
+              <div>
+               <a data-framer-name="Regular" href="https://www.framer.com/marketplace/components/">
+                <div data-framer-name="Default">
+                 <p>Components</p>
+                </div>
+               </a>
+              </div>
+             </div>
+             <div>
+              <div>
+               <a data-framer-name="Phone" href="https://www.framer.com/marketplace/components/">
+                <div data-framer-name="Default">
+                 <p>Components</p>
+                </div>
+               </a>
+              </div>
+             </div>
+             <div>
+              <div>
+               <a data-framer-name="Regular" href="https://www.framer.com/marketplace/components/">
+                <div data-framer-name="Default">
+                 <p>Components</p>
+                </div>
+               </a>
               </div>
              </div>
             </div>
+           </header>
+           <div data-framer-name="Visual">
+            <div data-framer-name="Desktop">
+             <div data-framer-name="Market Desktop 1">
+              <ul role="group">
+               <li aria-hidden="false" aria-posinset="1" aria-setsize="1">
+                <div>
+                 <div>
+                  <a data-framer-name="Pause" href="https://www.framer.com/marketplace/components/image-slider/">
+                   <div data-framer-name="Visual">
+                    <div data-framer-name="Wrapper">
+                     <div>
+                      <video></video>
+                     </div>
+                     <div data-framer-name="Hover">
+                      <div>
+                       <img alt="Framer marketplace item">
+                      </div>
+                     </div>
+                    </div>
+                    <button data-framer-name="Button 2025">
+                     <div data-framer-name="Default">
+                      <p>View Component</p>
+                     </div>
+                    </button>
+                   </div>
+                   <div data-framer-name="Text">
+                    <div>
+                     <p>Image Slider</p>
+                    </div>
+                    <div data-framer-name="Bottom">
+                     <div>
+                      <p>Component</p>
+                     </div>
+                     <div>
+                      <p>Before and after images</p>
+                     </div>
+                    </div>
+                   </div>
+                  </a>
+                 </div>
+                 <div>
+                  <a data-framer-name="Pause" href="https://www.framer.com/marketplace/templates/milo/">
+                   <div data-framer-name="Visual">
+                    <div data-framer-name="Wrapper">
+                     <div data-framer-name="Image">
+                      <div>
+                       <img alt="Framer marketplace item">
+                      </div>
+                     </div>
+                     <div data-framer-name="Hover">
+                      <div>
+                       <img alt="Framer marketplace item">
+                      </div>
+                     </div>
+                    </div>
+                    <button data-framer-name="Button 2025">
+                     <div data-framer-name="Default">
+                      <p>View Template</p>
+                     </div>
+                    </button>
+                   </div>
+                   <div data-framer-name="Text">
+                    <div>
+                     <p>Milo</p>
+                    </div>
+                    <div data-framer-name="Bottom">
+                     <div>
+                      <p>Template</p>
+                     </div>
+                     <div>
+                      <p>Furniture shop website</p>
+                     </div>
+                    </div>
+                   </div>
+                  </a>
+                 </div>
+                 <div>
+                  <a data-framer-name="Pause" href="https://www.framer.com/marketplace/plugins/notion/">
+                   <div data-framer-name="Visual">
+                    <div data-framer-name="Wrapper">
+                     <div data-framer-name="Image">
+                      <div>
+                       <img alt="Framer marketplace item">
+                      </div>
+                     </div>
+                     <div data-framer-name="Hover">
+                      <div>
+                       <img alt="Framer marketplace item">
+                      </div>
+                     </div>
+                    </div>
+                    <button data-framer-name="Button 2025">
+                     <div data-framer-name="Default">
+                      <p>View Plugin</p>
+                     </div>
+                    </button>
+                   </div>
+                   <div data-framer-name="Text">
+                    <div>
+                     <p>Notion</p>
+                    </div>
+                    <div data-framer-name="Bottom">
+                     <div>
+                      <p>Plugin</p>
+                     </div>
+                     <div>
+                      <p>Sync with Notion</p>
+                     </div>
+                    </div>
+                   </div>
+                  </a>
+                 </div>
+                 <div>
+                  <a data-framer-name="Pause" href="https://www.framer.com/marketplace/components/hover-image-zoom/">
+                   <div data-framer-name="Visual">
+                    <div data-framer-name="Wrapper">
+                     <div>
+                      <video></video>
+                     </div>
+                     <div data-framer-name="Hover">
+                      <div>
+                       <img alt="Framer marketplace item">
+                      </div>
+                     </div>
+                    </div>
+                    <button data-framer-name="Button 2025">
+                     <div data-framer-name="Default">
+                      <p>View Component</p>
+                     </div>
+                    </button>
+                   </div>
+                   <div data-framer-name="Text">
+                    <div>
+                     <p>Hover Zoom</p>
+                    </div>
+                    <div data-framer-name="Bottom">
+                     <div>
+                      <p>Component</p>
+                     </div>
+                     <div>
+                      <p>Zoom and pan on hover</p>
+                     </div>
+                    </div>
+                   </div>
+                  </a>
+                 </div>
+                 <div>
+                  <a data-framer-name="Pause" href="https://www.framer.com/marketplace/templates/archer/">
+                   <div data-framer-name="Visual">
+                    <div data-framer-name="Wrapper">
+                     <div data-framer-name="Image">
+                      <div>
+                       <img alt="Framer marketplace item">
+                      </div>
+                     </div>
+                     <div data-framer-name="Hover">
+                      <div>
+                       <img alt="Framer marketplace item">
+                      </div>
+                     </div>
+                    </div>
+                    <button data-framer-name="Button 2025">
+                     <div data-framer-name="Default">
+                      <p>View Template</p>
+                     </div>
+                    </button>
+                   </div>
+                   <div data-framer-name="Text">
+                    <div>
+                     <p>Archer</p>
+                    </div>
+                    <div data-framer-name="Bottom">
+                     <div>
+                      <p>Template</p>
+                     </div>
+                     <div>
+                      <p>Creative portfolio</p>
+                     </div>
+                    </div>
+                   </div>
+                  </a>
+                 </div>
+                 <div>
+                  <a data-framer-name="Pause" href="https://www.framer.com/marketplace/plugins/workshop/">
+                   <div data-framer-name="Visual">
+                    <div data-framer-name="Wrapper">
+                     <div data-framer-name="Image">
+                      <div>
+                       <img alt="Framer marketplace item">
+                      </div>
+                     </div>
+                     <div data-framer-name="Hover">
+                      <div>
+                       <img alt="Framer marketplace item">
+                      </div>
+                     </div>
+                    </div>
+                    <button data-framer-name="Button 2025">
+                     <div data-framer-name="Default">
+                      <p>View Plugin</p>
+                     </div>
+                    </button>
+                   </div>
+                   <div data-framer-name="Text">
+                    <div>
+                     <p>Workshop</p>
+                    </div>
+                    <div data-framer-name="Bottom">
+                     <div>
+                      <p>Plugin</p>
+                     </div>
+                     <div>
+                      <p>Turn ideas into components</p>
+                     </div>
+                    </div>
+                   </div>
+                  </a>
+                 </div>
+                </div>
+               </li>
+              </ul>
+             </div>
+             <div data-framer-name="Market Desktop 2">
+              <ul role="group">
+               <li aria-hidden="false" aria-posinset="1" aria-setsize="1">
+                <div>
+                 <div>
+                  <a data-framer-name="Pause" href="https://www.framer.com/marketplace/components/digital-rotary-radio/">
+                   <div data-framer-name="Visual">
+                    <div data-framer-name="Wrapper">
+                     <div>
+                      <video></video>
+                     </div>
+                     <div data-framer-name="Hover">
+                      <div>
+                       <img alt="Framer marketplace item">
+                      </div>
+                     </div>
+                    </div>
+                    <button data-framer-name="Button 2025">
+                     <div data-framer-name="Default">
+                      <p>View Component</p>
+                     </div>
+                    </button>
+                   </div>
+                   <div data-framer-name="Text">
+                    <div>
+                     <p>Digital Rotary Radio</p>
+                    </div>
+                    <div data-framer-name="Bottom">
+                     <div>
+                      <p>Component</p>
+                     </div>
+                     <div>
+                      <p>Fully functional radio</p>
+                     </div>
+                    </div>
+                   </div>
+                  </a>
+                 </div>
+                 <div>
+                  <a data-framer-name="Pause" href="https://www.framer.com/marketplace/templates/apex-films/">
+                   <div data-framer-name="Visual">
+                    <div data-framer-name="Wrapper">
+                     <div data-framer-name="Image">
+                      <div>
+                       <img alt="Framer marketplace item">
+                      </div>
+                     </div>
+                     <div data-framer-name="Hover">
+                      <div>
+                       <img alt="Framer marketplace item">
+                      </div>
+                     </div>
+                    </div>
+                    <button data-framer-name="Button 2025">
+                     <div data-framer-name="Default">
+                      <p>View Template</p>
+                     </div>
+                    </button>
+                   </div>
+                   <div data-framer-name="Text">
+                    <div>
+                     <p>Apex Films</p>
+                    </div>
+                    <div data-framer-name="Bottom">
+                     <div>
+                      <p>Template</p>
+                     </div>
+                     <div>
+                      <p>Multimedia portfolio</p>
+                     </div>
+                    </div>
+                   </div>
+                  </a>
+                 </div>
+                 <div>
+                  <a data-framer-name="Pause" href="https://www.framer.com/marketplace/components/flipcard-component/">
+                   <div data-framer-name="Visual">
+                    <div data-framer-name="Wrapper">
+                     <div>
+                      <video></video>
+                     </div>
+                     <div data-framer-name="Hover">
+                      <div>
+                       <img alt="Framer marketplace item">
+                      </div>
+                     </div>
+                    </div>
+                    <button data-framer-name="Button 2025">
+                     <div data-framer-name="Default">
+                      <p>View Component</p>
+                     </div>
+                    </button>
+                   </div>
+                   <div data-framer-name="Text">
+                    <div>
+                     <p>Flip Card</p>
+                    </div>
+                    <div data-framer-name="Bottom">
+                     <div>
+                      <p>Component</p>
+                     </div>
+                     <div>
+                      <p>Drag to flip cards</p>
+                     </div>
+                    </div>
+                   </div>
+                  </a>
+                 </div>
+                 <div>
+                  <a data-framer-name="Pause" href="https://www.framer.com/marketplace/components/animated-gradient/">
+                   <div data-framer-name="Visual">
+                    <div data-framer-name="Wrapper">
+                     <div>
+                      <video></video>
+                     </div>
+                     <div data-framer-name="Hover">
+                      <div>
+                       <img alt="Framer marketplace item">
+                      </div>
+                     </div>
+                    </div>
+                    <button data-framer-name="Button 2025">
+                     <div data-framer-name="Default">
+                      <p>View Component</p>
+                     </div>
+                    </button>
+                   </div>
+                   <div data-framer-name="Text">
+                    <div>
+                     <p>Animated Gradients</p>
+                    </div>
+                    <div data-framer-name="Bottom">
+                     <div>
+                      <p>Component</p>
+                     </div>
+                     <div>
+                      <p>Image reveal effect</p>
+                     </div>
+                    </div>
+                   </div>
+                  </a>
+                 </div>
+                 <div>
+                  <a data-framer-name="Pause" href="https://www.framer.com/marketplace/plugins/json-sync/">
+                   <div data-framer-name="Visual">
+                    <div data-framer-name="Wrapper">
+                     <div data-framer-name="Image">
+                      <div>
+                       <img alt="Framer marketplace item">
+                      </div>
+                     </div>
+                     <div data-framer-name="Hover">
+                      <div>
+                       <img alt="Framer marketplace item">
+                      </div>
+                     </div>
+                    </div>
+                    <button data-framer-name="Button 2025">
+                     <div data-framer-name="Default">
+                      <p>View Plugin</p>
+                     </div>
+                    </button>
+                   </div>
+                   <div data-framer-name="Text">
+                    <div>
+                     <p>JSON Sync</p>
+                    </div>
+                    <div data-framer-name="Bottom">
+                     <div>
+                      <p>Plugin</p>
+                     </div>
+                     <div>
+                      <p>Import &amp; export CMS with JSON</p>
+                     </div>
+                    </div>
+                   </div>
+                  </a>
+                 </div>
+                 <div>
+                  <a data-framer-name="Pause" href="https://www.framer.com/marketplace/templates/baseform/">
+                   <div data-framer-name="Visual">
+                    <div data-framer-name="Wrapper">
+                     <div data-framer-name="Image">
+                      <div>
+                       <img alt="Framer marketplace item">
+                      </div>
+                     </div>
+                     <div data-framer-name="Hover">
+                      <div>
+                       <img alt="Framer marketplace item">
+                      </div>
+                     </div>
+                    </div>
+                    <button data-framer-name="Button 2025">
+                     <div data-framer-name="Default">
+                      <p>View Template</p>
+                     </div>
+                    </button>
+                   </div>
+                   <div data-framer-name="Text">
+                    <div>
+                     <p>Baseform</p>
+                    </div>
+                    <div data-framer-name="Bottom">
+                     <div>
+                      <p>Template</p>
+                     </div>
+                     <div>
+                      <p>Modern design portfolio</p>
+                     </div>
+                    </div>
+                   </div>
+                  </a>
+                 </div>
+                </div>
+               </li>
+              </ul>
+             </div>
+            </div>
+            <div data-framer-name="Phone">
+             <div data-framer-name="Market Phone 1">
+              <ul role="group">
+               <div>
+                <li aria-hidden="false" aria-posinset="1" aria-setsize="1">
+                 <div>
+                  <div>
+                   <div data-framer-name="Milo" name="Milo">
+                    <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/components/image-slider/">
+                     <div data-framer-name="Visual">
+                      <div data-framer-name="Wrapper">
+                       <div>
+                        <video></video>
+                       </div>
+                       <div data-framer-name="Hover">
+                        <div>
+                         <img alt="Framer marketplace item">
+                        </div>
+                       </div>
+                      </div>
+                      <button data-framer-name="Button 2025">
+                       <div data-framer-name="Default">
+                        <p>View Component</p>
+                       </div>
+                      </button>
+                     </div>
+                     <div data-framer-name="Text">
+                      <div>
+                       <p>Image Slider</p>
+                      </div>
+                      <div data-framer-name="Bottom">
+                       <div>
+                        <p>Component</p>
+                       </div>
+                       <div>
+                        <p>Before and after images</p>
+                       </div>
+                      </div>
+                     </div>
+                    </a>
+                   </div>
+                  </div>
+                  <div>
+                   <div data-framer-name="Milo" name="Milo">
+                    <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/components/image-slider/">
+                     <div data-framer-name="Visual">
+                      <div data-framer-name="Wrapper">
+                       <div>
+                        <video></video>
+                       </div>
+                       <div data-framer-name="Hover">
+                        <div>
+                         <img alt="Framer marketplace item">
+                        </div>
+                       </div>
+                      </div>
+                      <button data-framer-name="Button 2025">
+                       <div data-framer-name="Default">
+                        <p>View Component</p>
+                       </div>
+                      </button>
+                     </div>
+                     <div data-framer-name="Text">
+                      <div>
+                       <p>Image Slider</p>
+                      </div>
+                      <div data-framer-name="Bottom">
+                       <div>
+                        <p>Component</p>
+                       </div>
+                       <div>
+                        <p>Before and after images</p>
+                       </div>
+                      </div>
+                     </div>
+                    </a>
+                   </div>
+                  </div>
+                  <div>
+                   <div data-framer-name="Milo" name="Milo">
+                    <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/templates/milo/">
+                     <div data-framer-name="Visual">
+                      <div data-framer-name="Wrapper">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Framer marketplace item">
+                        </div>
+                       </div>
+                       <div data-framer-name="Hover">
+                        <div>
+                         <img alt="Framer marketplace item">
+                        </div>
+                       </div>
+                      </div>
+                      <button data-framer-name="Button 2025">
+                       <div data-framer-name="Default">
+                        <p>View Template</p>
+                       </div>
+                      </button>
+                     </div>
+                     <div data-framer-name="Text">
+                      <div>
+                       <p>Milo</p>
+                      </div>
+                      <div data-framer-name="Bottom">
+                       <div>
+                        <p>Template</p>
+                       </div>
+                       <div>
+                        <p>Furniture shop website</p>
+                       </div>
+                      </div>
+                     </div>
+                    </a>
+                   </div>
+                  </div>
+                  <div>
+                   <div data-framer-name="Milo" name="Milo">
+                    <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/templates/milo/">
+                     <div data-framer-name="Visual">
+                      <div data-framer-name="Wrapper">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Framer marketplace item">
+                        </div>
+                       </div>
+                       <div data-framer-name="Hover">
+                        <div>
+                         <img alt="Framer marketplace item">
+                        </div>
+                       </div>
+                      </div>
+                      <button data-framer-name="Button 2025">
+                       <div data-framer-name="Default">
+                        <p>View Template</p>
+                       </div>
+                      </button>
+                     </div>
+                     <div data-framer-name="Text">
+                      <div>
+                       <p>Milo</p>
+                      </div>
+                      <div data-framer-name="Bottom">
+                       <div>
+                        <p>Template</p>
+                       </div>
+                       <div>
+                        <p>Furniture shop website</p>
+                       </div>
+                      </div>
+                     </div>
+                    </a>
+                   </div>
+                  </div>
+                  <div>
+                   <div data-framer-name="Milo" name="Milo">
+                    <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/plugins/notion/">
+                     <div data-framer-name="Visual">
+                      <div data-framer-name="Wrapper">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Framer marketplace item">
+                        </div>
+                       </div>
+                       <div data-framer-name="Hover">
+                        <div>
+                         <img alt="Framer marketplace item">
+                        </div>
+                       </div>
+                      </div>
+                      <button data-framer-name="Button 2025">
+                       <div data-framer-name="Default">
+                        <p>View Plugin</p>
+                       </div>
+                      </button>
+                     </div>
+                     <div data-framer-name="Text">
+                      <div>
+                       <p>Notion</p>
+                      </div>
+                      <div data-framer-name="Bottom">
+                       <div>
+                        <p>Plugin</p>
+                       </div>
+                       <div>
+                        <p>Sync with Notion</p>
+                       </div>
+                      </div>
+                     </div>
+                    </a>
+                   </div>
+                  </div>
+                  <div>
+                   <div data-framer-name="Milo" name="Milo">
+                    <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/plugins/notion/">
+                     <div data-framer-name="Visual">
+                      <div data-framer-name="Wrapper">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Framer marketplace item">
+                        </div>
+                       </div>
+                       <div data-framer-name="Hover">
+                        <div>
+                         <img alt="Framer marketplace item">
+                        </div>
+                       </div>
+                      </div>
+                      <button data-framer-name="Button 2025">
+                       <div data-framer-name="Default">
+                        <p>View Plugin</p>
+                       </div>
+                      </button>
+                     </div>
+                     <div data-framer-name="Text">
+                      <div>
+                       <p>Notion</p>
+                      </div>
+                      <div data-framer-name="Bottom">
+                       <div>
+                        <p>Plugin</p>
+                       </div>
+                       <div>
+                        <p>Sync with Notion</p>
+                       </div>
+                      </div>
+                     </div>
+                    </a>
+                   </div>
+                  </div>
+                  <div>
+                   <div data-framer-name="Milo" name="Milo">
+                    <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/components/hover-image-zoom/">
+                     <div data-framer-name="Visual">
+                      <div data-framer-name="Wrapper">
+                       <div>
+                        <video></video>
+                       </div>
+                       <div data-framer-name="Hover">
+                        <div>
+                         <img alt="Framer marketplace item">
+                        </div>
+                       </div>
+                      </div>
+                      <button data-framer-name="Button 2025">
+                       <div data-framer-name="Default">
+                        <p>View Component</p>
+                       </div>
+                      </button>
+                     </div>
+                     <div data-framer-name="Text">
+                      <div>
+                       <p>Hover Zoom</p>
+                      </div>
+                      <div data-framer-name="Bottom">
+                       <div>
+                        <p>Component</p>
+                       </div>
+                       <div>
+                        <p>Zoom and pan on hover</p>
+                       </div>
+                      </div>
+                     </div>
+                    </a>
+                   </div>
+                  </div>
+                  <div>
+                   <div data-framer-name="Milo" name="Milo">
+                    <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/components/hover-image-zoom/">
+                     <div data-framer-name="Visual">
+                      <div data-framer-name="Wrapper">
+                       <div>
+                        <video></video>
+                       </div>
+                       <div data-framer-name="Hover">
+                        <div>
+                         <img alt="Framer marketplace item">
+                        </div>
+                       </div>
+                      </div>
+                      <button data-framer-name="Button 2025">
+                       <div data-framer-name="Default">
+                        <p>View Component</p>
+                       </div>
+                      </button>
+                     </div>
+                     <div data-framer-name="Text">
+                      <div>
+                       <p>Hover Zoom</p>
+                      </div>
+                      <div data-framer-name="Bottom">
+                       <div>
+                        <p>Component</p>
+                       </div>
+                       <div>
+                        <p>Zoom and pan on hover</p>
+                       </div>
+                      </div>
+                     </div>
+                    </a>
+                   </div>
+                  </div>
+                  <div>
+                   <div data-framer-name="Milo" name="Milo">
+                    <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/templates/archer/">
+                     <div data-framer-name="Visual">
+                      <div data-framer-name="Wrapper">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Framer marketplace item">
+                        </div>
+                       </div>
+                       <div data-framer-name="Hover">
+                        <div>
+                         <img alt="Framer marketplace item">
+                        </div>
+                       </div>
+                      </div>
+                      <button data-framer-name="Button 2025">
+                       <div data-framer-name="Default">
+                        <p>View Template</p>
+                       </div>
+                      </button>
+                     </div>
+                     <div data-framer-name="Text">
+                      <div>
+                       <p>Archer</p>
+                      </div>
+                      <div data-framer-name="Bottom">
+                       <div>
+                        <p>Template</p>
+                       </div>
+                       <div>
+                        <p>Creative portfolio</p>
+                       </div>
+                      </div>
+                     </div>
+                    </a>
+                   </div>
+                  </div>
+                  <div>
+                   <div data-framer-name="Milo" name="Milo">
+                    <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/templates/archer/">
+                     <div data-framer-name="Visual">
+                      <div data-framer-name="Wrapper">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Framer marketplace item">
+                        </div>
+                       </div>
+                       <div data-framer-name="Hover">
+                        <div>
+                         <img alt="Framer marketplace item">
+                        </div>
+                       </div>
+                      </div>
+                      <button data-framer-name="Button 2025">
+                       <div data-framer-name="Default">
+                        <p>View Template</p>
+                       </div>
+                      </button>
+                     </div>
+                     <div data-framer-name="Text">
+                      <div>
+                       <p>Archer</p>
+                      </div>
+                      <div data-framer-name="Bottom">
+                       <div>
+                        <p>Template</p>
+                       </div>
+                       <div>
+                        <p>Creative portfolio</p>
+                       </div>
+                      </div>
+                     </div>
+                    </a>
+                   </div>
+                  </div>
+                  <div>
+                   <div data-framer-name="Milo" name="Milo">
+                    <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/plugins/workshop/">
+                     <div data-framer-name="Visual">
+                      <div data-framer-name="Wrapper">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Framer marketplace item">
+                        </div>
+                       </div>
+                       <div data-framer-name="Hover">
+                        <div>
+                         <img alt="Framer marketplace item">
+                        </div>
+                       </div>
+                      </div>
+                      <button data-framer-name="Button 2025">
+                       <div data-framer-name="Default">
+                        <p>View Plugin</p>
+                       </div>
+                      </button>
+                     </div>
+                     <div data-framer-name="Text">
+                      <div>
+                       <p>Workshop</p>
+                      </div>
+                      <div data-framer-name="Bottom">
+                       <div>
+                        <p>Plugin</p>
+                       </div>
+                       <div>
+                        <p>Turn ideas into components</p>
+                       </div>
+                      </div>
+                     </div>
+                    </a>
+                   </div>
+                  </div>
+                  <div>
+                   <div data-framer-name="Milo" name="Milo">
+                    <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/plugins/workshop/">
+                     <div data-framer-name="Visual">
+                      <div data-framer-name="Wrapper">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Framer marketplace item">
+                        </div>
+                       </div>
+                       <div data-framer-name="Hover">
+                        <div>
+                         <img alt="Framer marketplace item">
+                        </div>
+                       </div>
+                      </div>
+                      <button data-framer-name="Button 2025">
+                       <div data-framer-name="Default">
+                        <p>View Plugin</p>
+                       </div>
+                      </button>
+                     </div>
+                     <div data-framer-name="Text">
+                      <div>
+                       <p>Workshop</p>
+                      </div>
+                      <div data-framer-name="Bottom">
+                       <div>
+                        <p>Plugin</p>
+                       </div>
+                       <div>
+                        <p>Turn ideas into components</p>
+                       </div>
+                      </div>
+                     </div>
+                    </a>
+                   </div>
+                  </div>
+                  <div>
+                   <div data-framer-name="Milo" name="Milo">
+                    <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/components/digital-rotary-radio/">
+                     <div data-framer-name="Visual">
+                      <div data-framer-name="Wrapper">
+                       <div>
+                        <video></video>
+                       </div>
+                       <div data-framer-name="Hover">
+                        <div>
+                         <img alt="Framer marketplace item">
+                        </div>
+                       </div>
+                      </div>
+                      <button data-framer-name="Button 2025">
+                       <div data-framer-name="Default">
+                        <p>View Component</p>
+                       </div>
+                      </button>
+                     </div>
+                     <div data-framer-name="Text">
+                      <div>
+                       <p>Digital Rotary Radio</p>
+                      </div>
+                      <div data-framer-name="Bottom">
+                       <div>
+                        <p>Component</p>
+                       </div>
+                       <div>
+                        <p>Fully functional radio</p>
+                       </div>
+                      </div>
+                     </div>
+                    </a>
+                   </div>
+                  </div>
+                  <div>
+                   <div data-framer-name="Milo" name="Milo">
+                    <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/components/digital-rotary-radio/">
+                     <div data-framer-name="Visual">
+                      <div data-framer-name="Wrapper">
+                       <div>
+                        <video></video>
+                       </div>
+                       <div data-framer-name="Hover">
+                        <div>
+                         <img alt="Framer marketplace item">
+                        </div>
+                       </div>
+                      </div>
+                      <button data-framer-name="Button 2025">
+                       <div data-framer-name="Default">
+                        <p>View Component</p>
+                       </div>
+                      </button>
+                     </div>
+                     <div data-framer-name="Text">
+                      <div>
+                       <p>Digital Rotary Radio</p>
+                      </div>
+                      <div data-framer-name="Bottom">
+                       <div>
+                        <p>Component</p>
+                       </div>
+                       <div>
+                        <p>Fully functional radio</p>
+                       </div>
+                      </div>
+                     </div>
+                    </a>
+                   </div>
+                  </div>
+                 </div>
+                </li>
+               </div>
+               <div>
+                <li aria-hidden="false" aria-posinset="1" aria-setsize="1">
+                 <div>
+                  <div data-framer-name="Milo" name="Milo">
+                   <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/components/image-slider/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div>
+                       <video></video>
+                      </div>
+                      <div data-framer-name="Hover">
+                       <div>
+                        <img alt="Framer marketplace item">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div data-framer-name="Default">
+                       <p>View Component</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="Text">
+                     <div>
+                      <p>Image Slider</p>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div>
+                       <p>Component</p>
+                      </div>
+                      <div>
+                       <p>Before and after images</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Milo" name="Milo">
+                   <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/templates/milo/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Framer marketplace item">
+                       </div>
+                      </div>
+                      <div data-framer-name="Hover">
+                       <div>
+                        <img alt="Framer marketplace item">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div data-framer-name="Default">
+                       <p>View Template</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="Text">
+                     <div>
+                      <p>Milo</p>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div>
+                       <p>Template</p>
+                      </div>
+                      <div>
+                       <p>Furniture shop website</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Milo" name="Milo">
+                   <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/plugins/notion/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Framer marketplace item">
+                       </div>
+                      </div>
+                      <div data-framer-name="Hover">
+                       <div>
+                        <img alt="Framer marketplace item">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div data-framer-name="Default">
+                       <p>View Plugin</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="Text">
+                     <div>
+                      <p>Notion</p>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div>
+                       <p>Plugin</p>
+                      </div>
+                      <div>
+                       <p>Sync with Notion</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Milo" name="Milo">
+                   <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/components/hover-image-zoom/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div>
+                       <video></video>
+                      </div>
+                      <div data-framer-name="Hover">
+                       <div>
+                        <img alt="Framer marketplace item">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div data-framer-name="Default">
+                       <p>View Component</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="Text">
+                     <div>
+                      <p>Hover Zoom</p>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div>
+                       <p>Component</p>
+                      </div>
+                      <div>
+                       <p>Zoom and pan on hover</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Milo" name="Milo">
+                   <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/templates/archer/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Framer marketplace item">
+                       </div>
+                      </div>
+                      <div data-framer-name="Hover">
+                       <div>
+                        <img alt="Framer marketplace item">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div data-framer-name="Default">
+                       <p>View Template</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="Text">
+                     <div>
+                      <p>Archer</p>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div>
+                       <p>Template</p>
+                      </div>
+                      <div>
+                       <p>Creative portfolio</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Milo" name="Milo">
+                   <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/plugins/workshop/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Framer marketplace item">
+                       </div>
+                      </div>
+                      <div data-framer-name="Hover">
+                       <div>
+                        <img alt="Framer marketplace item">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div data-framer-name="Default">
+                       <p>View Plugin</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="Text">
+                     <div>
+                      <p>Workshop</p>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div>
+                       <p>Plugin</p>
+                      </div>
+                      <div>
+                       <p>Turn ideas into components</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Milo" name="Milo">
+                   <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/components/digital-rotary-radio/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div>
+                       <video></video>
+                      </div>
+                      <div data-framer-name="Hover">
+                       <div>
+                        <img alt="Framer marketplace item">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div data-framer-name="Default">
+                       <p>View Component</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="Text">
+                     <div>
+                      <p>Digital Rotary Radio</p>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div>
+                       <p>Component</p>
+                      </div>
+                      <div>
+                       <p>Fully functional radio</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+               </div>
+              </ul>
+             </div>
+             <div data-framer-name="Market Phone 2">
+              <ul role="group">
+               <div>
+                <li aria-hidden="false" aria-posinset="1" aria-setsize="1">
+                 <div>
+                  <div>
+                   <div data-framer-name="Milo" name="Milo">
+                    <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/templates/apex-films/">
+                     <div data-framer-name="Visual">
+                      <div data-framer-name="Wrapper">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Framer marketplace item">
+                        </div>
+                       </div>
+                       <div data-framer-name="Hover">
+                        <div>
+                         <img alt="Framer marketplace item">
+                        </div>
+                       </div>
+                      </div>
+                      <button data-framer-name="Button 2025">
+                       <div data-framer-name="Default">
+                        <p>View Template</p>
+                       </div>
+                      </button>
+                     </div>
+                     <div data-framer-name="Text">
+                      <div>
+                       <p>Apex Films</p>
+                      </div>
+                      <div data-framer-name="Bottom">
+                       <div>
+                        <p>Template</p>
+                       </div>
+                       <div>
+                        <p>Multimedia portfolio</p>
+                       </div>
+                      </div>
+                     </div>
+                    </a>
+                   </div>
+                  </div>
+                  <div>
+                   <div data-framer-name="Milo" name="Milo">
+                    <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/templates/apex-films/">
+                     <div data-framer-name="Visual">
+                      <div data-framer-name="Wrapper">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Framer marketplace item">
+                        </div>
+                       </div>
+                       <div data-framer-name="Hover">
+                        <div>
+                         <img alt="Framer marketplace item">
+                        </div>
+                       </div>
+                      </div>
+                      <button data-framer-name="Button 2025">
+                       <div data-framer-name="Default">
+                        <p>View Template</p>
+                       </div>
+                      </button>
+                     </div>
+                     <div data-framer-name="Text">
+                      <div>
+                       <p>Apex Films</p>
+                      </div>
+                      <div data-framer-name="Bottom">
+                       <div>
+                        <p>Template</p>
+                       </div>
+                       <div>
+                        <p>Multimedia portfolio</p>
+                       </div>
+                      </div>
+                     </div>
+                    </a>
+                   </div>
+                  </div>
+                  <div>
+                   <div data-framer-name="Milo" name="Milo">
+                    <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/components/flipcard-component/">
+                     <div data-framer-name="Visual">
+                      <div data-framer-name="Wrapper">
+                       <div>
+                        <video></video>
+                       </div>
+                       <div data-framer-name="Hover">
+                        <div>
+                         <img alt="Framer marketplace item">
+                        </div>
+                       </div>
+                      </div>
+                      <button data-framer-name="Button 2025">
+                       <div data-framer-name="Default">
+                        <p>View Component</p>
+                       </div>
+                      </button>
+                     </div>
+                     <div data-framer-name="Text">
+                      <div>
+                       <p>Flip Card</p>
+                      </div>
+                      <div data-framer-name="Bottom">
+                       <div>
+                        <p>Component</p>
+                       </div>
+                       <div>
+                        <p>Drag to flip cards</p>
+                       </div>
+                      </div>
+                     </div>
+                    </a>
+                   </div>
+                  </div>
+                  <div>
+                   <div data-framer-name="Milo" name="Milo">
+                    <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/components/flipcard-component/">
+                     <div data-framer-name="Visual">
+                      <div data-framer-name="Wrapper">
+                       <div>
+                        <video></video>
+                       </div>
+                       <div data-framer-name="Hover">
+                        <div>
+                         <img alt="Framer marketplace item">
+                        </div>
+                       </div>
+                      </div>
+                      <button data-framer-name="Button 2025">
+                       <div data-framer-name="Default">
+                        <p>View Component</p>
+                       </div>
+                      </button>
+                     </div>
+                     <div data-framer-name="Text">
+                      <div>
+                       <p>Flip Card</p>
+                      </div>
+                      <div data-framer-name="Bottom">
+                       <div>
+                        <p>Component</p>
+                       </div>
+                       <div>
+                        <p>Drag to flip cards</p>
+                       </div>
+                      </div>
+                     </div>
+                    </a>
+                   </div>
+                  </div>
+                  <div>
+                   <div data-framer-name="Milo" name="Milo">
+                    <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/components/animated-gradient/">
+                     <div data-framer-name="Visual">
+                      <div data-framer-name="Wrapper">
+                       <div>
+                        <video></video>
+                       </div>
+                       <div data-framer-name="Hover">
+                        <div>
+                         <img alt="Framer marketplace item">
+                        </div>
+                       </div>
+                      </div>
+                      <button data-framer-name="Button 2025">
+                       <div data-framer-name="Default">
+                        <p>View Component</p>
+                       </div>
+                      </button>
+                     </div>
+                     <div data-framer-name="Text">
+                      <div>
+                       <p>Animated Gradients</p>
+                      </div>
+                      <div data-framer-name="Bottom">
+                       <div>
+                        <p>Component</p>
+                       </div>
+                       <div>
+                        <p>Image reveal effect</p>
+                       </div>
+                      </div>
+                     </div>
+                    </a>
+                   </div>
+                  </div>
+                  <div>
+                   <div data-framer-name="Milo" name="Milo">
+                    <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/components/animated-gradient/">
+                     <div data-framer-name="Visual">
+                      <div data-framer-name="Wrapper">
+                       <div>
+                        <video></video>
+                       </div>
+                       <div data-framer-name="Hover">
+                        <div>
+                         <img alt="Framer marketplace item">
+                        </div>
+                       </div>
+                      </div>
+                      <button data-framer-name="Button 2025">
+                       <div data-framer-name="Default">
+                        <p>View Component</p>
+                       </div>
+                      </button>
+                     </div>
+                     <div data-framer-name="Text">
+                      <div>
+                       <p>Animated Gradients</p>
+                      </div>
+                      <div data-framer-name="Bottom">
+                       <div>
+                        <p>Component</p>
+                       </div>
+                       <div>
+                        <p>Image reveal effect</p>
+                       </div>
+                      </div>
+                     </div>
+                    </a>
+                   </div>
+                  </div>
+                  <div>
+                   <div data-framer-name="Milo" name="Milo">
+                    <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/plugins/json-sync/">
+                     <div data-framer-name="Visual">
+                      <div data-framer-name="Wrapper">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Framer marketplace item">
+                        </div>
+                       </div>
+                       <div data-framer-name="Hover">
+                        <div>
+                         <img alt="Framer marketplace item">
+                        </div>
+                       </div>
+                      </div>
+                      <button data-framer-name="Button 2025">
+                       <div data-framer-name="Default">
+                        <p>View Plugin</p>
+                       </div>
+                      </button>
+                     </div>
+                     <div data-framer-name="Text">
+                      <div>
+                       <p>JSON Sync</p>
+                      </div>
+                      <div data-framer-name="Bottom">
+                       <div>
+                        <p>Plugin</p>
+                       </div>
+                       <div>
+                        <p>Import &amp; export CMS with JSON</p>
+                       </div>
+                      </div>
+                     </div>
+                    </a>
+                   </div>
+                  </div>
+                  <div>
+                   <div data-framer-name="Milo" name="Milo">
+                    <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/plugins/json-sync/">
+                     <div data-framer-name="Visual">
+                      <div data-framer-name="Wrapper">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Framer marketplace item">
+                        </div>
+                       </div>
+                       <div data-framer-name="Hover">
+                        <div>
+                         <img alt="Framer marketplace item">
+                        </div>
+                       </div>
+                      </div>
+                      <button data-framer-name="Button 2025">
+                       <div data-framer-name="Default">
+                        <p>View Plugin</p>
+                       </div>
+                      </button>
+                     </div>
+                     <div data-framer-name="Text">
+                      <div>
+                       <p>JSON Sync</p>
+                      </div>
+                      <div data-framer-name="Bottom">
+                       <div>
+                        <p>Plugin</p>
+                       </div>
+                       <div>
+                        <p>Import &amp; export CMS with JSON</p>
+                       </div>
+                      </div>
+                     </div>
+                    </a>
+                   </div>
+                  </div>
+                  <div>
+                   <div data-framer-name="Milo" name="Milo">
+                    <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/templates/baseform/">
+                     <div data-framer-name="Visual">
+                      <div data-framer-name="Wrapper">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Framer marketplace item">
+                        </div>
+                       </div>
+                       <div data-framer-name="Hover">
+                        <div>
+                         <img alt="Framer marketplace item">
+                        </div>
+                       </div>
+                      </div>
+                      <button data-framer-name="Button 2025">
+                       <div data-framer-name="Default">
+                        <p>View Template</p>
+                       </div>
+                      </button>
+                     </div>
+                     <div data-framer-name="Text">
+                      <div>
+                       <p>Baseform</p>
+                      </div>
+                      <div data-framer-name="Bottom">
+                       <div>
+                        <p>Template</p>
+                       </div>
+                       <div>
+                        <p>Modern design portfolio</p>
+                       </div>
+                      </div>
+                     </div>
+                    </a>
+                   </div>
+                  </div>
+                  <div>
+                   <div data-framer-name="Milo" name="Milo">
+                    <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/templates/baseform/">
+                     <div data-framer-name="Visual">
+                      <div data-framer-name="Wrapper">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Framer marketplace item">
+                        </div>
+                       </div>
+                       <div data-framer-name="Hover">
+                        <div>
+                         <img alt="Framer marketplace item">
+                        </div>
+                       </div>
+                      </div>
+                      <button data-framer-name="Button 2025">
+                       <div data-framer-name="Default">
+                        <p>View Template</p>
+                       </div>
+                      </button>
+                     </div>
+                     <div data-framer-name="Text">
+                      <div>
+                       <p>Baseform</p>
+                      </div>
+                      <div data-framer-name="Bottom">
+                       <div>
+                        <p>Template</p>
+                       </div>
+                       <div>
+                        <p>Modern design portfolio</p>
+                       </div>
+                      </div>
+                     </div>
+                    </a>
+                   </div>
+                  </div>
+                  <div>
+                   <div data-framer-name="Milo" name="Milo">
+                    <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/plugins/asset-manager/">
+                     <div data-framer-name="Visual">
+                      <div data-framer-name="Wrapper">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Framer marketplace item">
+                        </div>
+                       </div>
+                       <div data-framer-name="Hover">
+                        <div>
+                         <img alt="Framer marketplace item">
+                        </div>
+                       </div>
+                      </div>
+                      <button data-framer-name="Button 2025">
+                       <div data-framer-name="Default">
+                        <p>View Plugin</p>
+                       </div>
+                      </button>
+                     </div>
+                     <div data-framer-name="Text">
+                      <div>
+                       <p>Asset Manager</p>
+                      </div>
+                      <div data-framer-name="Bottom">
+                       <div>
+                        <p>Plugin</p>
+                       </div>
+                       <div>
+                        <p>Manage your site's assets</p>
+                       </div>
+                      </div>
+                     </div>
+                    </a>
+                   </div>
+                  </div>
+                  <div>
+                   <div data-framer-name="Milo" name="Milo">
+                    <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/plugins/asset-manager/">
+                     <div data-framer-name="Visual">
+                      <div data-framer-name="Wrapper">
+                       <div data-framer-name="Image">
+                        <div>
+                         <img alt="Framer marketplace item">
+                        </div>
+                       </div>
+                       <div data-framer-name="Hover">
+                        <div>
+                         <img alt="Framer marketplace item">
+                        </div>
+                       </div>
+                      </div>
+                      <button data-framer-name="Button 2025">
+                       <div data-framer-name="Default">
+                        <p>View Plugin</p>
+                       </div>
+                      </button>
+                     </div>
+                     <div data-framer-name="Text">
+                      <div>
+                       <p>Asset Manager</p>
+                      </div>
+                      <div data-framer-name="Bottom">
+                       <div>
+                        <p>Plugin</p>
+                       </div>
+                       <div>
+                        <p>Manage your site's assets</p>
+                       </div>
+                      </div>
+                     </div>
+                    </a>
+                   </div>
+                  </div>
+                  <div>
+                   <div data-framer-name="Milo" name="Milo">
+                    <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/components/videoplayer/">
+                     <div data-framer-name="Visual">
+                      <div data-framer-name="Wrapper">
+                       <div>
+                        <video></video>
+                       </div>
+                       <div data-framer-name="Hover">
+                        <div>
+                         <img alt="Framer marketplace item">
+                        </div>
+                       </div>
+                      </div>
+                      <button data-framer-name="Button 2025">
+                       <div data-framer-name="Default">
+                        <p>View Component</p>
+                       </div>
+                      </button>
+                     </div>
+                     <div data-framer-name="Text">
+                      <div>
+                       <p>Video Player</p>
+                      </div>
+                      <div data-framer-name="Bottom">
+                       <div>
+                        <p>Component</p>
+                       </div>
+                       <div>
+                        <p>Beautiful video player</p>
+                       </div>
+                      </div>
+                     </div>
+                    </a>
+                   </div>
+                  </div>
+                  <div>
+                   <div data-framer-name="Milo" name="Milo">
+                    <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/components/videoplayer/">
+                     <div data-framer-name="Visual">
+                      <div data-framer-name="Wrapper">
+                       <div>
+                        <video></video>
+                       </div>
+                       <div data-framer-name="Hover">
+                        <div>
+                         <img alt="Framer marketplace item">
+                        </div>
+                       </div>
+                      </div>
+                      <button data-framer-name="Button 2025">
+                       <div data-framer-name="Default">
+                        <p>View Component</p>
+                       </div>
+                      </button>
+                     </div>
+                     <div data-framer-name="Text">
+                      <div>
+                       <p>Video Player</p>
+                      </div>
+                      <div data-framer-name="Bottom">
+                       <div>
+                        <p>Component</p>
+                       </div>
+                       <div>
+                        <p>Beautiful video player</p>
+                       </div>
+                      </div>
+                     </div>
+                    </a>
+                   </div>
+                  </div>
+                 </div>
+                </li>
+               </div>
+               <div>
+                <li aria-hidden="false" aria-posinset="1" aria-setsize="1">
+                 <div>
+                  <div data-framer-name="Milo" name="Milo">
+                   <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/templates/apex-films/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Framer marketplace item">
+                       </div>
+                      </div>
+                      <div data-framer-name="Hover">
+                       <div>
+                        <img alt="Framer marketplace item">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div data-framer-name="Default">
+                       <p>View Template</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="Text">
+                     <div>
+                      <p>Apex Films</p>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div>
+                       <p>Template</p>
+                      </div>
+                      <div>
+                       <p>Multimedia portfolio</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Milo" name="Milo">
+                   <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/components/flipcard-component/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div>
+                       <video></video>
+                      </div>
+                      <div data-framer-name="Hover">
+                       <div>
+                        <img alt="Framer marketplace item">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div data-framer-name="Default">
+                       <p>View Component</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="Text">
+                     <div>
+                      <p>Flip Card</p>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div>
+                       <p>Component</p>
+                      </div>
+                      <div>
+                       <p>Drag to flip cards</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Milo" name="Milo">
+                   <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/components/animated-gradient/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div>
+                       <video></video>
+                      </div>
+                      <div data-framer-name="Hover">
+                       <div>
+                        <img alt="Framer marketplace item">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div data-framer-name="Default">
+                       <p>View Component</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="Text">
+                     <div>
+                      <p>Animated Gradients</p>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div>
+                       <p>Component</p>
+                      </div>
+                      <div>
+                       <p>Image reveal effect</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Milo" name="Milo">
+                   <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/plugins/json-sync/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Framer marketplace item">
+                       </div>
+                      </div>
+                      <div data-framer-name="Hover">
+                       <div>
+                        <img alt="Framer marketplace item">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div data-framer-name="Default">
+                       <p>View Plugin</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="Text">
+                     <div>
+                      <p>JSON Sync</p>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div>
+                       <p>Plugin</p>
+                      </div>
+                      <div>
+                       <p>Import &amp; export CMS with JSON</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Milo" name="Milo">
+                   <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/templates/baseform/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Framer marketplace item">
+                       </div>
+                      </div>
+                      <div data-framer-name="Hover">
+                       <div>
+                        <img alt="Framer marketplace item">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div data-framer-name="Default">
+                       <p>View Template</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="Text">
+                     <div>
+                      <p>Baseform</p>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div>
+                       <p>Template</p>
+                      </div>
+                      <div>
+                       <p>Modern design portfolio</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Milo" name="Milo">
+                   <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/plugins/asset-manager/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div data-framer-name="Image">
+                       <div>
+                        <img alt="Framer marketplace item">
+                       </div>
+                      </div>
+                      <div data-framer-name="Hover">
+                       <div>
+                        <img alt="Framer marketplace item">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div data-framer-name="Default">
+                       <p>View Plugin</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="Text">
+                     <div>
+                      <p>Asset Manager</p>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div>
+                       <p>Plugin</p>
+                      </div>
+                      <div>
+                       <p>Manage your site's assets</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                  <div data-framer-name="Milo" name="Milo">
+                   <a name="Milo" data-framer-name="Pause" href="https://www.framer.com/marketplace/components/videoplayer/">
+                    <div data-framer-name="Visual">
+                     <div data-framer-name="Wrapper">
+                      <div>
+                       <video></video>
+                      </div>
+                      <div data-framer-name="Hover">
+                       <div>
+                        <img alt="Framer marketplace item">
+                       </div>
+                      </div>
+                     </div>
+                     <button data-framer-name="Button 2025">
+                      <div data-framer-name="Default">
+                       <p>View Component</p>
+                      </div>
+                     </button>
+                    </div>
+                    <div data-framer-name="Text">
+                     <div>
+                      <p>Video Player</p>
+                     </div>
+                     <div data-framer-name="Bottom">
+                      <div>
+                       <p>Component</p>
+                      </div>
+                      <div>
+                       <p>Beautiful video player</p>
+                      </div>
+                     </div>
+                    </div>
+                   </a>
+                  </div>
+                 </div>
+                </li>
+               </div>
+              </ul>
+             </div>
+            </div>
+           </div>
+          </section>
+         </main>
+        </div>
+        <div></div>
+        <div></div>
+        <div data-framer-name="New Pivot">
+         <header data-framer-name="Header">
+          <div data-framer-name="Text">
+           <div>
+            <h5>Design bold. Launch fast.</h5>
            </div>
            <div>
-            <div name="New Pivot" data-framer-name="Phone">
-             <header data-framer-name="Header">
-              <div data-framer-name="Text">
-               <div>
-                <h2>The site builder that gets design</h2>
-               </div>
-              </div>
-              <div data-framer-name="Buttons">
-               <div>
-                <a data-framer-name="Regular" href="https://framer.com/r/signup">
-                 <div data-framer-name="Default">
-                  <p>Start for free</p>
-                 </div>
-                </a>
-               </div>
-               <div>
-                <a data-framer-name="Regular" href="./wireframer/">
-                 <div data-framer-name="Default">
-                  <p>Start with AI</p>
-                 </div>
-                </a>
-               </div>
-              </div>
-             </header>
-             <div data-framer-name="Visual">
-              <div>
-               <div data-framer-name="Pause">
-                <div>
-                 <video></video>
-                </div>
-               </div>
-              </div>
+            <p></p>
+           </div>
+          </div>
+          <div data-framer-name="Buttons">
+           <div>
+            <a data-framer-name="Regular" href="https://framer.com/r/signup">
+             <div data-framer-name="Default">
+              <p>Start for free</p>
+             </div>
+            </a>
+           </div>
+           <div>
+            <a data-framer-name="Regular" href="./wireframer/">
+             <div data-framer-name="Default">
+              <p>Start with AI</p>
+             </div>
+            </a>
+           </div>
+          </div>
+         </header>
+         <div data-framer-name="Visual">
+          <div>
+           <div>
+            <div data-framer-name="Pause">
+             <div>
+              <video></video>
              </div>
             </div>
            </div>
           </div>
           <div>
            <div>
-            <div>
-             <footer data-framer-name="Desktop">
-              <div data-framer-name="Wrapper">
-               <div data-framer-name="Resources">
-                <div data-framer-name="Nav/Topbar Link">
-                 <div data-framer-name="Item">
-                  <div>Resources</div>
-                 </div>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./downloads/">
-                  <div data-framer-name="Item">
-                   <div>Desktop app</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./developers/">
-                  <div data-framer-name="Item">
-                   <div>Developers</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./wallpapers/">
-                  <div data-framer-name="Item">
-                   <div>Wallpapers</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="https://www.framer.community/">
-                  <div data-framer-name="Item">
-                   <div>Community</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./events/">
-                  <div data-framer-name="Item">
-                   <div>Live Events</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./meetups/">
-                  <div data-framer-name="Item">
-                   <div>Meetups</div>
-                  </div>
-                 </a>
-                </div>
-               </div>
-               <div data-framer-name="Company">
-                <div data-framer-name="Nav/Topbar Link">
-                 <div data-framer-name="Item">
-                  <div>Programs</div>
-                 </div>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./agencies/">
-                  <div data-framer-name="Item">
-                   <div>Agencies</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./students/">
-                  <div data-framer-name="Item">
-                   <div>Students</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./creators/">
-                  <div data-framer-name="Item">
-                   <div>Creators</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./startups/">
-                  <div data-framer-name="Item">
-                   <div>Startups</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./expert/apply/">
-                  <div data-framer-name="Item">
-                   <div>Experts</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./switch/">
-                  <div data-framer-name="Item">
-                   <div>Switch</div>
-                  </div>
-                 </a>
-                </div>
-               </div>
-               <div data-framer-name="Compare">
-                <div data-framer-name="Nav/Topbar Link">
-                 <div data-framer-name="Item">
-                  <div>Compare</div>
-                 </div>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./compare/framer-vs-squarespace">
-                  <div data-framer-name="Item">
-                   <div>Squarespace</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./compare/framer-vs-wordpress">
-                  <div data-framer-name="Item">
-                   <div>Wordpress</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./compare/framer-vs-unbounce">
-                  <div data-framer-name="Item">
-                   <div>Unbounce</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./compare/framer-vs-webflow">
-                  <div data-framer-name="Item">
-                   <div>Webflow</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./compare/framer-vs-figma">
-                  <div data-framer-name="Item">
-                   <div>Figma</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./compare/framer-vs-wix">
-                  <div data-framer-name="Item">
-                   <div>Wix</div>
-                  </div>
-                 </a>
-                </div>
-               </div>
-               <div data-framer-name="Solutions">
-                <div data-framer-name="Nav/Topbar Link">
-                 <div data-framer-name="Item">
-                  <div>Solutions</div>
-                 </div>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./solutions/figma-to-html/">
-                  <div data-framer-name="Item">
-                   <div>Figma to HTML</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./solutions/website-builder/">
-                  <div data-framer-name="Item">
-                   <div>Website builder</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./solutions/portfolio-website/">
-                  <div data-framer-name="Item">
-                   <div>Portfolio maker</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./solutions/landing-pages/">
-                  <div data-framer-name="Item">
-                   <div>Landing pages</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./solutions/ui-ux-design/">
-                  <div data-framer-name="Item">
-                   <div>UI/UX design</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./solutions/no-code-website-builder/">
-                  <div data-framer-name="Item">
-                   <div>No-code</div>
-                  </div>
-                 </a>
-                </div>
-               </div>
-               <div data-framer-name="Company">
-                <div data-framer-name="Nav/Topbar Link">
-                 <div data-framer-name="Item">
-                  <div>Company</div>
-                 </div>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./legal/security/">
-                  <div data-framer-name="Item">
-                   <div>Security</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./careers/">
-                  <div data-framer-name="Item">
-                   <div>Careers</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="https://www.framerstatus.com">
-                  <div data-framer-name="Item">
-                   <div>Status</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./brand">
-                  <div data-framer-name="Item">
-                   <div>Media</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="mailto:abuse@framer.com">
-                  <div data-framer-name="Item">
-                   <div>Abuse</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./legal/terms-of-service/">
-                  <div data-framer-name="Item">
-                   <div>Legal</div>
-                  </div>
-                 </a>
-                </div>
-               </div>
-               <div data-framer-name="Socials">
-                <div data-framer-name="Nav/Topbar Link">
-                 <div data-framer-name="Item">
-                  <div>Socials</div>
-                 </div>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="https://www.instagram.com/framer">
-                  <div data-framer-name="Item">
-                   <div>Instagram</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="https://www.youtube.com/@framer">
-                  <div data-framer-name="Item">
-                   <div>YouTube</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="https://www.threads.net/@framer">
-                  <div data-framer-name="Item">
-                   <div>Threads</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="https://www.linkedin.com/company/framer">
-                  <div data-framer-name="Item">
-                   <div>LinkedIn</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="https://www.tiktok.com/@framer">
-                  <div data-framer-name="Item">
-                   <div>TikTok</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="https://x.com/framer">
-                  <div data-framer-name="Item">
-                   <div>X</div>
-                  </div>
-                 </a>
-                </div>
-               </div>
-               <div>
-                <a aria-label="Framer Logo" href="./">
-                 <div></div>
-                </a>
-               </div>
-              </div>
-              <div data-framer-name="COOKIE BANNER — DO NOT REMOVE" name="COOKIE BANNER — DO NOT REMOVE"></div>
-             </footer>
-            </div>
-            <div>
-             <footer data-framer-name="Tablet">
-              <div data-framer-name="Wrapper">
-               <div data-framer-name="Resources">
-                <div data-framer-name="Nav/Topbar Link">
-                 <div data-framer-name="Item">
-                  <div>Resources</div>
-                 </div>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./downloads/">
-                  <div data-framer-name="Item">
-                   <div>Desktop app</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./developers/">
-                  <div data-framer-name="Item">
-                   <div>Developers</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./wallpapers/">
-                  <div data-framer-name="Item">
-                   <div>Wallpapers</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="https://www.framer.community/">
-                  <div data-framer-name="Item">
-                   <div>Community</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./events/">
-                  <div data-framer-name="Item">
-                   <div>Live Events</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./meetups/">
-                  <div data-framer-name="Item">
-                   <div>Meetups</div>
-                  </div>
-                 </a>
-                </div>
-               </div>
-               <div data-framer-name="Company">
-                <div data-framer-name="Nav/Topbar Link">
-                 <div data-framer-name="Item">
-                  <div>Programs</div>
-                 </div>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./agencies/">
-                  <div data-framer-name="Item">
-                   <div>Agencies</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./students/">
-                  <div data-framer-name="Item">
-                   <div>Students</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./creators/">
-                  <div data-framer-name="Item">
-                   <div>Creators</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./startups/">
-                  <div data-framer-name="Item">
-                   <div>Startups</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./expert/apply/">
-                  <div data-framer-name="Item">
-                   <div>Experts</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./switch/">
-                  <div data-framer-name="Item">
-                   <div>Switch</div>
-                  </div>
-                 </a>
-                </div>
-               </div>
-               <div data-framer-name="Compare">
-                <div data-framer-name="Nav/Topbar Link">
-                 <div data-framer-name="Item">
-                  <div>Compare</div>
-                 </div>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./compare/framer-vs-squarespace">
-                  <div data-framer-name="Item">
-                   <div>Squarespace</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./compare/framer-vs-wordpress">
-                  <div data-framer-name="Item">
-                   <div>Wordpress</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./compare/framer-vs-unbounce">
-                  <div data-framer-name="Item">
-                   <div>Unbounce</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./compare/framer-vs-webflow">
-                  <div data-framer-name="Item">
-                   <div>Webflow</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./compare/framer-vs-figma">
-                  <div data-framer-name="Item">
-                   <div>Figma</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./compare/framer-vs-wix">
-                  <div data-framer-name="Item">
-                   <div>Wix</div>
-                  </div>
-                 </a>
-                </div>
-               </div>
-               <div data-framer-name="Solutions">
-                <div data-framer-name="Nav/Topbar Link">
-                 <div data-framer-name="Item">
-                  <div>Solutions</div>
-                 </div>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./solutions/figma-to-html/">
-                  <div data-framer-name="Item">
-                   <div>Figma to HTML</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./solutions/website-builder/">
-                  <div data-framer-name="Item">
-                   <div>Website builder</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./solutions/portfolio-website/">
-                  <div data-framer-name="Item">
-                   <div>Portfolio maker</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./solutions/landing-pages/">
-                  <div data-framer-name="Item">
-                   <div>Landing pages</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./solutions/ui-ux-design/">
-                  <div data-framer-name="Item">
-                   <div>UI/UX design</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./solutions/no-code-website-builder/">
-                  <div data-framer-name="Item">
-                   <div>No-code</div>
-                  </div>
-                 </a>
-                </div>
-               </div>
-               <div data-framer-name="Company">
-                <div data-framer-name="Nav/Topbar Link">
-                 <div data-framer-name="Item">
-                  <div>Company</div>
-                 </div>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./legal/security/">
-                  <div data-framer-name="Item">
-                   <div>Security</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./careers/">
-                  <div data-framer-name="Item">
-                   <div>Careers</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="https://www.framerstatus.com">
-                  <div data-framer-name="Item">
-                   <div>Status</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./brand">
-                  <div data-framer-name="Item">
-                   <div>Media</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="mailto:abuse@framer.com">
-                  <div data-framer-name="Item">
-                   <div>Abuse</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./legal/terms-of-service/">
-                  <div data-framer-name="Item">
-                   <div>Legal</div>
-                  </div>
-                 </a>
-                </div>
-               </div>
-               <div data-framer-name="Socials">
-                <div data-framer-name="Nav/Topbar Link">
-                 <div data-framer-name="Item">
-                  <div>Socials</div>
-                 </div>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="https://www.instagram.com/framer">
-                  <div data-framer-name="Item">
-                   <div>Instagram</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="https://www.youtube.com/@framer">
-                  <div data-framer-name="Item">
-                   <div>YouTube</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="https://www.threads.net/@framer">
-                  <div data-framer-name="Item">
-                   <div>Threads</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="https://www.linkedin.com/company/framer">
-                  <div data-framer-name="Item">
-                   <div>LinkedIn</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="https://www.tiktok.com/@framer">
-                  <div data-framer-name="Item">
-                   <div>TikTok</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="https://x.com/framer">
-                  <div data-framer-name="Item">
-                   <div>X</div>
-                  </div>
-                 </a>
-                </div>
-               </div>
-               <div>
-                <a aria-label="Framer Logo" href="./">
-                 <div></div>
-                </a>
-               </div>
-              </div>
-              <div data-framer-name="COOKIE BANNER — DO NOT REMOVE" name="COOKIE BANNER — DO NOT REMOVE"></div>
-             </footer>
-            </div>
-            <div>
-             <footer data-framer-name="Mobile">
-              <div data-framer-name="Wrapper">
-               <div data-framer-name="Resources">
-                <div data-framer-name="Nav/Topbar Link">
-                 <div data-framer-name="Item">
-                  <div>Resources</div>
-                 </div>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./downloads/">
-                  <div data-framer-name="Item">
-                   <div>Desktop app</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./developers/">
-                  <div data-framer-name="Item">
-                   <div>Developers</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./wallpapers/">
-                  <div data-framer-name="Item">
-                   <div>Wallpapers</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="https://www.framer.community/">
-                  <div data-framer-name="Item">
-                   <div>Community</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./events/">
-                  <div data-framer-name="Item">
-                   <div>Live Events</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./meetups/">
-                  <div data-framer-name="Item">
-                   <div>Meetups</div>
-                  </div>
-                 </a>
-                </div>
-               </div>
-               <div data-framer-name="Company">
-                <div data-framer-name="Nav/Topbar Link">
-                 <div data-framer-name="Item">
-                  <div>Programs</div>
-                 </div>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./agencies/">
-                  <div data-framer-name="Item">
-                   <div>Agencies</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./students/">
-                  <div data-framer-name="Item">
-                   <div>Students</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./creators/">
-                  <div data-framer-name="Item">
-                   <div>Creators</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./startups/">
-                  <div data-framer-name="Item">
-                   <div>Startups</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./expert/apply/">
-                  <div data-framer-name="Item">
-                   <div>Experts</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./switch/">
-                  <div data-framer-name="Item">
-                   <div>Switch</div>
-                  </div>
-                 </a>
-                </div>
-               </div>
-               <div data-framer-name="Compare">
-                <div data-framer-name="Nav/Topbar Link">
-                 <div data-framer-name="Item">
-                  <div>Compare</div>
-                 </div>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./compare/framer-vs-squarespace">
-                  <div data-framer-name="Item">
-                   <div>Squarespace</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./compare/framer-vs-wordpress">
-                  <div data-framer-name="Item">
-                   <div>Wordpress</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./compare/framer-vs-unbounce">
-                  <div data-framer-name="Item">
-                   <div>Unbounce</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./compare/framer-vs-webflow">
-                  <div data-framer-name="Item">
-                   <div>Webflow</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./compare/framer-vs-figma">
-                  <div data-framer-name="Item">
-                   <div>Figma</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./compare/framer-vs-wix">
-                  <div data-framer-name="Item">
-                   <div>Wix</div>
-                  </div>
-                 </a>
-                </div>
-               </div>
-               <div data-framer-name="Solutions">
-                <div data-framer-name="Nav/Topbar Link">
-                 <div data-framer-name="Item">
-                  <div>Solutions</div>
-                 </div>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./solutions/figma-to-html/">
-                  <div data-framer-name="Item">
-                   <div>Figma to HTML</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./solutions/website-builder/">
-                  <div data-framer-name="Item">
-                   <div>Website builder</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./solutions/portfolio-website/">
-                  <div data-framer-name="Item">
-                   <div>Portfolio maker</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./solutions/landing-pages/">
-                  <div data-framer-name="Item">
-                   <div>Landing pages</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./solutions/ui-ux-design/">
-                  <div data-framer-name="Item">
-                   <div>UI/UX design</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./solutions/no-code-website-builder/">
-                  <div data-framer-name="Item">
-                   <div>No-code</div>
-                  </div>
-                 </a>
-                </div>
-               </div>
-               <div data-framer-name="Company">
-                <div data-framer-name="Nav/Topbar Link">
-                 <div data-framer-name="Item">
-                  <div>Company</div>
-                 </div>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./legal/security/">
-                  <div data-framer-name="Item">
-                   <div>Security</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./careers/">
-                  <div data-framer-name="Item">
-                   <div>Careers</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="https://www.framerstatus.com">
-                  <div data-framer-name="Item">
-                   <div>Status</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./brand">
-                  <div data-framer-name="Item">
-                   <div>Media</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="mailto:abuse@framer.com">
-                  <div data-framer-name="Item">
-                   <div>Abuse</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="./legal/terms-of-service/">
-                  <div data-framer-name="Item">
-                   <div>Legal</div>
-                  </div>
-                 </a>
-                </div>
-               </div>
-               <div data-framer-name="Socials">
-                <div data-framer-name="Nav/Topbar Link">
-                 <div data-framer-name="Item">
-                  <div>Socials</div>
-                 </div>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="https://www.instagram.com/framer">
-                  <div data-framer-name="Item">
-                   <div>Instagram</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="https://www.youtube.com/@framer">
-                  <div data-framer-name="Item">
-                   <div>YouTube</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="https://www.threads.net/@framer">
-                  <div data-framer-name="Item">
-                   <div>Threads</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="https://www.linkedin.com/company/framer">
-                  <div data-framer-name="Item">
-                   <div>LinkedIn</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="https://www.tiktok.com/@framer">
-                  <div data-framer-name="Item">
-                   <div>TikTok</div>
-                  </div>
-                 </a>
-                </div>
-                <div>
-                 <a data-framer-name="Label" href="https://x.com/framer">
-                  <div data-framer-name="Item">
-                   <div>X</div>
-                  </div>
-                 </a>
-                </div>
-               </div>
-               <div>
-                <a aria-label="Framer Logo" href="./">
-                 <div></div>
-                </a>
-               </div>
-              </div>
-              <div data-framer-name="COOKIE BANNER — DO NOT REMOVE" name="COOKIE BANNER — DO NOT REMOVE"></div>
-             </footer>
+            <div data-framer-name="Pause">
+             <div>
+              <video></video>
+             </div>
             </div>
            </div>
           </div>
          </div>
-         <div></div>
         </div>
-        <div aria-hidden="true"></div>
-       </body>
-      </html>
-      "
-    `,
+        <div>
+         <div>
+          <footer data-framer-name="Desktop">
+           <div>
+            <div data-framer-name="Logo">
+             <div>
+              <div>
+               <a data-framer-name="On" href="./">
+                <div data-framer-name="Logo" role="img" aria-label="Framer Logo"></div>
+               </a>
+              </div>
+              <div>
+               <a aria-label="Twitter / X" data-framer-name="X" href="https://x.com/framer" target="_blank">
+                <div></div>
+               </a>
+               <a aria-label="Threads" data-framer-name="Threads" href="https://www.threads.com/@framer" target="_blank">
+                <div></div>
+               </a>
+               <a aria-label="TikTok" data-framer-name="TikTok" href="https://www.tiktok.com/@framer" target="_blank">
+                <div></div>
+               </a>
+               <a aria-label="Instagram" data-framer-name="Instagram" href="https://www.instagram.com/framer/" target="_blank">
+                <div></div>
+               </a>
+               <a aria-label="LinkedIn" data-framer-name="LinkedIn" href="https://www.linkedin.com/company/framer/" target="_blank">
+                <div></div>
+               </a>
+               <a aria-label="YouTube" data-framer-name="YouTube" href="https://www.youtube.com/@Framer" target="_blank">
+                <div></div>
+               </a>
+              </div>
+              <div>
+               <div data-framer-name="Variant 1">
+                <div>
+                 <a data-framer-name="Loading" href="https://www.framerstatus.com/" target="_blank">
+                  <div>
+                   <div></div>
+                   <div></div>
+                  </div>
+                  <div>
+                   <div data-framer-name="Item">
+                    <div>Loading status</div>
+                   </div>
+                  </div>
+                  <div data-framer-name="Item">
+                   <div>loading</div>
+                  </div>
+                 </a>
+                </div>
+               </div>
+              </div>
+              <div></div>
+              <div>
+               <div>
+                <div aria-hidden="true"></div>
+                <div aria-hidden="true"></div>
+                <div>
+                 <div aria-hidden="true"></div>
+                 <div data-framer-name="Layer Title">
+                  <p>CCPA</p>
+                 </div>
+                </div>
+                <div aria-hidden="true"></div>
+               </div>
+               <div>
+                <div data-framer-name="Variant 1">
+                 <div>
+                  <p>© Framer B.V.</p>
+                 </div>
+                 <div>
+                  <p>2026</p>
+                 </div>
+                </div>
+               </div>
+              </div>
+             </div>
+            </div>
+            <div data-framer-name="Lists">
+             <div>
+              <div data-framer-name="Product">
+               <div data-framer-name="Nav/Topbar Link">
+                <div data-framer-name="Item">
+                 <div>Product</div>
+                </div>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./ai/">
+                 <div data-framer-name="Item">
+                  <div>AI</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./design/">
+                 <div data-framer-name="Item">
+                  <div>Design</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./publish/">
+                 <div data-framer-name="Item">
+                  <div>Publish</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./cms/">
+                 <div data-framer-name="Item">
+                  <div>CMS</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./scale/">
+                 <div data-framer-name="Item">
+                  <div>Scale</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./seo/">
+                 <div data-framer-name="Item">
+                  <div>SEO</div>
+                 </div>
+                 <div>
+                  <div data-framer-name="Label">
+                   <div>
+                    <p>New</p>
+                   </div>
+                  </div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./collaborate/">
+                 <div data-framer-name="Item">
+                  <div>Collaborate</div>
+                 </div>
+                </a>
+               </div>
+              </div>
+              <div data-framer-name="Company">
+               <div data-framer-name="Nav/Topbar Link">
+                <div data-framer-name="Item">
+                 <div>Business</div>
+                </div>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./pricing">
+                 <div data-framer-name="Item">
+                  <div>Pricing</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./switch/">
+                 <div data-framer-name="Item">
+                  <div>Switch</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./startups/">
+                 <div data-framer-name="Item">
+                  <div>Startups</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./agencies/">
+                 <div data-framer-name="Item">
+                  <div>Agencies</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./enterprise/">
+                 <div data-framer-name="Item">
+                  <div>Enterprise</div>
+                 </div>
+                </a>
+               </div>
+              </div>
+             </div>
+             <div>
+              <div data-framer-name="Compare">
+               <div data-framer-name="Nav/Topbar Link">
+                <div data-framer-name="Item">
+                 <div>Compare</div>
+                </div>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./compare/framer-vs-figma">
+                 <div data-framer-name="Item">
+                  <div>Figma</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./compare/framer-vs-webflow">
+                 <div data-framer-name="Item">
+                  <div>Webflow</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./compare/framer-vs-wordpress">
+                 <div data-framer-name="Item">
+                  <div>Wordpress</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./compare/framer-vs-squarespace">
+                 <div data-framer-name="Item">
+                  <div>Squarespace</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./compare/framer-vs-unbounce">
+                 <div data-framer-name="Item">
+                  <div>Unbounce</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./compare/framer-vs-wix">
+                 <div data-framer-name="Item">
+                  <div>Wix</div>
+                 </div>
+                </a>
+               </div>
+              </div>
+              <div data-framer-name="Solutions">
+               <div data-framer-name="Nav/Topbar Link">
+                <div data-framer-name="Item">
+                 <div>Solutions</div>
+                </div>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./solutions/figma-to-html/">
+                 <div data-framer-name="Item">
+                  <div>Figma to HTML</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./solutions/website-builder/">
+                 <div data-framer-name="Item">
+                  <div>Website builder</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./solutions/portfolio-website/">
+                 <div data-framer-name="Item">
+                  <div>Portfolio maker</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./solutions/landing-pages/">
+                 <div data-framer-name="Item">
+                  <div>Landing pages</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./solutions/ui-ux-design/">
+                 <div data-framer-name="Item">
+                  <div>UI/UX design</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./solutions/no-code-website-builder/">
+                 <div data-framer-name="Item">
+                  <div>No-code</div>
+                 </div>
+                </a>
+               </div>
+              </div>
+             </div>
+             <div>
+              <div data-framer-name="Resources">
+               <div data-framer-name="Nav/Topbar Link">
+                <div data-framer-name="Item">
+                 <div>Resources</div>
+                </div>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="https://www.framer.com/marketplace/templates/">
+                 <div data-framer-name="Item">
+                  <div>Templates</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="https://www.framer.com/marketplace/components/">
+                 <div data-framer-name="Item">
+                  <div>Components</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="https://www.framer.com/marketplace/plugins/">
+                 <div data-framer-name="Item">
+                  <div>Plugins</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="https://www.framer.com/marketplace/vectors/">
+                 <div data-framer-name="Item">
+                  <div>Vectors</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="https://www.framer.com/marketplace/">
+                 <div data-framer-name="Item">
+                  <div>Marketplace</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./downloads/">
+                 <div data-framer-name="Item">
+                  <div>Downloads</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./developers/">
+                 <div data-framer-name="Item">
+                  <div>Developers</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./wallpapers/">
+                 <div data-framer-name="Item">
+                  <div>Wallpapers</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./newsletter">
+                 <div data-framer-name="Item">
+                  <div>Newsletter</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./updates">
+                 <div data-framer-name="Item">
+                  <div>Updates</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./help/">
+                 <div data-framer-name="Item">
+                  <div>Support</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./contact/">
+                 <div data-framer-name="Item">
+                  <div>Contact</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./brand">
+                 <div data-framer-name="Item">
+                  <div>Brand</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./blog/">
+                 <div data-framer-name="Item">
+                  <div>Blog</div>
+                 </div>
+                </a>
+               </div>
+              </div>
+             </div>
+             <div>
+              <div data-framer-name="Company">
+               <div data-framer-name="Nav/Topbar Link">
+                <div data-framer-name="Item">
+                 <div>Company</div>
+                </div>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./meetups/">
+                 <div data-framer-name="Item">
+                  <div>Meetups</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./careers/">
+                 <div data-framer-name="Item">
+                  <div>Careers</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./legal/security/">
+                 <div data-framer-name="Item">
+                  <div>Security</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="mailto:abuse@framer.com">
+                 <div data-framer-name="Item">
+                  <div>Abuse</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./brand">
+                 <div data-framer-name="Item">
+                  <div>Media</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./legal/terms-of-service/">
+                 <div data-framer-name="Item">
+                  <div>Legal</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./store">
+                 <div data-framer-name="Item">
+                  <div>Store</div>
+                 </div>
+                 <div>
+                  <div data-framer-name="Label">
+                   <div>
+                    <p>New</p>
+                   </div>
+                  </div>
+                 </div>
+                </a>
+               </div>
+              </div>
+              <div data-framer-name="Company">
+               <div data-framer-name="Nav/Topbar Link">
+                <div data-framer-name="Item">
+                 <div>Programs</div>
+                </div>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./creators">
+                 <div data-framer-name="Item">
+                  <div>Affiliates</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./expert/apply/">
+                 <div data-framer-name="Item">
+                  <div>Experts</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./creators">
+                 <div data-framer-name="Item">
+                  <div>Creators</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./education/students/">
+                 <div data-framer-name="Item">
+                  <div>Students</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./education/ambassadors/">
+                 <div data-framer-name="Item">
+                  <div>Ambassadors</div>
+                 </div>
+                </a>
+               </div>
+              </div>
+             </div>
+            </div>
+           </div>
+           <div data-framer-name="COOKIE BANNER — DO NOT REMOVE" name="COOKIE BANNER — DO NOT REMOVE"></div>
+          </footer>
+         </div>
+         <div>
+          <footer data-framer-name="Tablet">
+           <div>
+            <div data-framer-name="Logo">
+             <div>
+              <div>
+               <a data-framer-name="On" href="./">
+                <div data-framer-name="Logo" role="img" aria-label="Framer Logo"></div>
+               </a>
+              </div>
+              <div>
+               <a aria-label="Twitter / X" data-framer-name="X" href="https://x.com/framer" target="_blank">
+                <div></div>
+               </a>
+               <a aria-label="Threads" data-framer-name="Threads" href="https://www.threads.com/@framer" target="_blank">
+                <div></div>
+               </a>
+               <a aria-label="TikTok" data-framer-name="TikTok" href="https://www.tiktok.com/@framer" target="_blank">
+                <div></div>
+               </a>
+               <a aria-label="Instagram" data-framer-name="Instagram" href="https://www.instagram.com/framer/" target="_blank">
+                <div></div>
+               </a>
+               <a aria-label="LinkedIn" data-framer-name="LinkedIn" href="https://www.linkedin.com/company/framer/" target="_blank">
+                <div></div>
+               </a>
+               <a aria-label="YouTube" data-framer-name="YouTube" href="https://www.youtube.com/@Framer" target="_blank">
+                <div></div>
+               </a>
+              </div>
+              <div>
+               <div data-framer-name="Variant 1">
+                <div>
+                 <a data-framer-name="Loading" href="https://www.framerstatus.com/" target="_blank">
+                  <div>
+                   <div></div>
+                   <div></div>
+                  </div>
+                  <div>
+                   <div data-framer-name="Item">
+                    <div>Loading status</div>
+                   </div>
+                  </div>
+                  <div data-framer-name="Item">
+                   <div>loading</div>
+                  </div>
+                 </a>
+                </div>
+               </div>
+              </div>
+              <div></div>
+              <div>
+               <div>
+                <div aria-hidden="true"></div>
+                <div aria-hidden="true"></div>
+                <div>
+                 <div aria-hidden="true"></div>
+                 <div data-framer-name="Layer Title">
+                  <p>CCPA</p>
+                 </div>
+                </div>
+                <div aria-hidden="true"></div>
+               </div>
+               <div>
+                <div data-framer-name="Variant 1">
+                 <div>
+                  <p>© Framer B.V.</p>
+                 </div>
+                 <div>
+                  <p>2026</p>
+                 </div>
+                </div>
+               </div>
+              </div>
+             </div>
+            </div>
+            <div data-framer-name="Lists">
+             <div>
+              <div data-framer-name="Product">
+               <div data-framer-name="Nav/Topbar Link">
+                <div data-framer-name="Item">
+                 <div>Product</div>
+                </div>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./ai/">
+                 <div data-framer-name="Item">
+                  <div>AI</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./design/">
+                 <div data-framer-name="Item">
+                  <div>Design</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./publish/">
+                 <div data-framer-name="Item">
+                  <div>Publish</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./cms/">
+                 <div data-framer-name="Item">
+                  <div>CMS</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./scale/">
+                 <div data-framer-name="Item">
+                  <div>Scale</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./seo/">
+                 <div data-framer-name="Item">
+                  <div>SEO</div>
+                 </div>
+                 <div>
+                  <div data-framer-name="Label">
+                   <div>
+                    <p>New</p>
+                   </div>
+                  </div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./collaborate/">
+                 <div data-framer-name="Item">
+                  <div>Collaborate</div>
+                 </div>
+                </a>
+               </div>
+              </div>
+              <div data-framer-name="Company">
+               <div data-framer-name="Nav/Topbar Link">
+                <div data-framer-name="Item">
+                 <div>Business</div>
+                </div>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./pricing">
+                 <div data-framer-name="Item">
+                  <div>Pricing</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./switch/">
+                 <div data-framer-name="Item">
+                  <div>Switch</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./startups/">
+                 <div data-framer-name="Item">
+                  <div>Startups</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./agencies/">
+                 <div data-framer-name="Item">
+                  <div>Agencies</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./enterprise/">
+                 <div data-framer-name="Item">
+                  <div>Enterprise</div>
+                 </div>
+                </a>
+               </div>
+              </div>
+             </div>
+             <div>
+              <div data-framer-name="Compare">
+               <div data-framer-name="Nav/Topbar Link">
+                <div data-framer-name="Item">
+                 <div>Compare</div>
+                </div>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./compare/framer-vs-figma">
+                 <div data-framer-name="Item">
+                  <div>Figma</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./compare/framer-vs-webflow">
+                 <div data-framer-name="Item">
+                  <div>Webflow</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./compare/framer-vs-wordpress">
+                 <div data-framer-name="Item">
+                  <div>Wordpress</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./compare/framer-vs-squarespace">
+                 <div data-framer-name="Item">
+                  <div>Squarespace</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./compare/framer-vs-unbounce">
+                 <div data-framer-name="Item">
+                  <div>Unbounce</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./compare/framer-vs-wix">
+                 <div data-framer-name="Item">
+                  <div>Wix</div>
+                 </div>
+                </a>
+               </div>
+              </div>
+              <div data-framer-name="Solutions">
+               <div data-framer-name="Nav/Topbar Link">
+                <div data-framer-name="Item">
+                 <div>Solutions</div>
+                </div>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./solutions/figma-to-html/">
+                 <div data-framer-name="Item">
+                  <div>Figma to HTML</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./solutions/website-builder/">
+                 <div data-framer-name="Item">
+                  <div>Website builder</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./solutions/portfolio-website/">
+                 <div data-framer-name="Item">
+                  <div>Portfolio maker</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./solutions/landing-pages/">
+                 <div data-framer-name="Item">
+                  <div>Landing pages</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./solutions/ui-ux-design/">
+                 <div data-framer-name="Item">
+                  <div>UI/UX design</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./solutions/no-code-website-builder/">
+                 <div data-framer-name="Item">
+                  <div>No-code</div>
+                 </div>
+                </a>
+               </div>
+              </div>
+             </div>
+             <div>
+              <div data-framer-name="Resources">
+               <div data-framer-name="Nav/Topbar Link">
+                <div data-framer-name="Item">
+                 <div>Resources</div>
+                </div>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="https://www.framer.com/marketplace/templates/">
+                 <div data-framer-name="Item">
+                  <div>Templates</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="https://www.framer.com/marketplace/components/">
+                 <div data-framer-name="Item">
+                  <div>Components</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="https://www.framer.com/marketplace/plugins/">
+                 <div data-framer-name="Item">
+                  <div>Plugins</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="https://www.framer.com/marketplace/vectors/">
+                 <div data-framer-name="Item">
+                  <div>Vectors</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="https://www.framer.com/marketplace/">
+                 <div data-framer-name="Item">
+                  <div>Marketplace</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./downloads/">
+                 <div data-framer-name="Item">
+                  <div>Downloads</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./developers/">
+                 <div data-framer-name="Item">
+                  <div>Developers</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./wallpapers/">
+                 <div data-framer-name="Item">
+                  <div>Wallpapers</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./newsletter">
+                 <div data-framer-name="Item">
+                  <div>Newsletter</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./updates">
+                 <div data-framer-name="Item">
+                  <div>Updates</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./help/">
+                 <div data-framer-name="Item">
+                  <div>Support</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./contact/">
+                 <div data-framer-name="Item">
+                  <div>Contact</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./brand">
+                 <div data-framer-name="Item">
+                  <div>Brand</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./blog/">
+                 <div data-framer-name="Item">
+                  <div>Blog</div>
+                 </div>
+                </a>
+               </div>
+              </div>
+             </div>
+             <div>
+              <div data-framer-name="Company">
+               <div data-framer-name="Nav/Topbar Link">
+                <div data-framer-name="Item">
+                 <div>Company</div>
+                </div>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./meetups/">
+                 <div data-framer-name="Item">
+                  <div>Meetups</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./careers/">
+                 <div data-framer-name="Item">
+                  <div>Careers</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./legal/security/">
+                 <div data-framer-name="Item">
+                  <div>Security</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="mailto:abuse@framer.com">
+                 <div data-framer-name="Item">
+                  <div>Abuse</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./brand">
+                 <div data-framer-name="Item">
+                  <div>Media</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./legal/terms-of-service/">
+                 <div data-framer-name="Item">
+                  <div>Legal</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./store">
+                 <div data-framer-name="Item">
+                  <div>Store</div>
+                 </div>
+                 <div>
+                  <div data-framer-name="Label">
+                   <div>
+                    <p>New</p>
+                   </div>
+                  </div>
+                 </div>
+                </a>
+               </div>
+              </div>
+              <div data-framer-name="Company">
+               <div data-framer-name="Nav/Topbar Link">
+                <div data-framer-name="Item">
+                 <div>Programs</div>
+                </div>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./creators">
+                 <div data-framer-name="Item">
+                  <div>Affiliates</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./expert/apply/">
+                 <div data-framer-name="Item">
+                  <div>Experts</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./creators">
+                 <div data-framer-name="Item">
+                  <div>Creators</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./education/students/">
+                 <div data-framer-name="Item">
+                  <div>Students</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./education/ambassadors/">
+                 <div data-framer-name="Item">
+                  <div>Ambassadors</div>
+                 </div>
+                </a>
+               </div>
+              </div>
+             </div>
+            </div>
+           </div>
+           <div data-framer-name="COOKIE BANNER — DO NOT REMOVE" name="COOKIE BANNER — DO NOT REMOVE"></div>
+          </footer>
+         </div>
+         <div>
+          <footer data-framer-name="Mobile">
+           <div>
+            <div data-framer-name="Logo">
+             <div>
+              <div>
+               <a data-framer-name="On" href="./">
+                <div data-framer-name="Logo" role="img" aria-label="Framer Logo"></div>
+               </a>
+              </div>
+              <div>
+               <div data-framer-name="Variant 1">
+                <div>
+                 <a data-framer-name="Loading" href="https://www.framerstatus.com/" target="_blank">
+                  <div>
+                   <div></div>
+                   <div></div>
+                  </div>
+                  <div>
+                   <div data-framer-name="Item">
+                    <div>Loading status</div>
+                   </div>
+                  </div>
+                  <div data-framer-name="Item">
+                   <div>loading</div>
+                  </div>
+                 </a>
+                </div>
+               </div>
+              </div>
+             </div>
+            </div>
+            <div data-framer-name="Lists">
+             <div>
+              <div data-framer-name="Product">
+               <div data-framer-name="Nav/Topbar Link">
+                <div data-framer-name="Item">
+                 <div>Product</div>
+                </div>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./ai/">
+                 <div data-framer-name="Item">
+                  <div>AI</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./design/">
+                 <div data-framer-name="Item">
+                  <div>Design</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./publish/">
+                 <div data-framer-name="Item">
+                  <div>Publish</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./cms/">
+                 <div data-framer-name="Item">
+                  <div>CMS</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./scale/">
+                 <div data-framer-name="Item">
+                  <div>Scale</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./seo/">
+                 <div data-framer-name="Item">
+                  <div>SEO</div>
+                 </div>
+                 <div>
+                  <div data-framer-name="Label">
+                   <div>
+                    <p>New</p>
+                   </div>
+                  </div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./collaborate/">
+                 <div data-framer-name="Item">
+                  <div>Collaborate</div>
+                 </div>
+                </a>
+               </div>
+              </div>
+              <div data-framer-name="Company">
+               <div data-framer-name="Nav/Topbar Link">
+                <div data-framer-name="Item">
+                 <div>Business</div>
+                </div>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./pricing">
+                 <div data-framer-name="Item">
+                  <div>Pricing</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./switch/">
+                 <div data-framer-name="Item">
+                  <div>Switch</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./startups/">
+                 <div data-framer-name="Item">
+                  <div>Startups</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./agencies/">
+                 <div data-framer-name="Item">
+                  <div>Agencies</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./enterprise/">
+                 <div data-framer-name="Item">
+                  <div>Enterprise</div>
+                 </div>
+                </a>
+               </div>
+              </div>
+             </div>
+             <div>
+              <div data-framer-name="Compare">
+               <div data-framer-name="Nav/Topbar Link">
+                <div data-framer-name="Item">
+                 <div>Compare</div>
+                </div>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./compare/framer-vs-figma">
+                 <div data-framer-name="Item">
+                  <div>Figma</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./compare/framer-vs-webflow">
+                 <div data-framer-name="Item">
+                  <div>Webflow</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./compare/framer-vs-wordpress">
+                 <div data-framer-name="Item">
+                  <div>Wordpress</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./compare/framer-vs-squarespace">
+                 <div data-framer-name="Item">
+                  <div>Squarespace</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./compare/framer-vs-unbounce">
+                 <div data-framer-name="Item">
+                  <div>Unbounce</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./compare/framer-vs-wix">
+                 <div data-framer-name="Item">
+                  <div>Wix</div>
+                 </div>
+                </a>
+               </div>
+              </div>
+              <div data-framer-name="Solutions">
+               <div data-framer-name="Nav/Topbar Link">
+                <div data-framer-name="Item">
+                 <div>Solutions</div>
+                </div>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./solutions/figma-to-html/">
+                 <div data-framer-name="Item">
+                  <div>Figma to HTML</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./solutions/website-builder/">
+                 <div data-framer-name="Item">
+                  <div>Website builder</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./solutions/portfolio-website/">
+                 <div data-framer-name="Item">
+                  <div>Portfolio maker</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./solutions/landing-pages/">
+                 <div data-framer-name="Item">
+                  <div>Landing pages</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./solutions/ui-ux-design/">
+                 <div data-framer-name="Item">
+                  <div>UI/UX design</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./solutions/no-code-website-builder/">
+                 <div data-framer-name="Item">
+                  <div>No-code</div>
+                 </div>
+                </a>
+               </div>
+              </div>
+             </div>
+             <div>
+              <div data-framer-name="Resources">
+               <div data-framer-name="Nav/Topbar Link">
+                <div data-framer-name="Item">
+                 <div>Resources</div>
+                </div>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="https://www.framer.com/marketplace/templates/">
+                 <div data-framer-name="Item">
+                  <div>Templates</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="https://www.framer.com/marketplace/components/">
+                 <div data-framer-name="Item">
+                  <div>Components</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="https://www.framer.com/marketplace/plugins/">
+                 <div data-framer-name="Item">
+                  <div>Plugins</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="https://www.framer.com/marketplace/vectors/">
+                 <div data-framer-name="Item">
+                  <div>Vectors</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="https://www.framer.com/marketplace/">
+                 <div data-framer-name="Item">
+                  <div>Marketplace</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./downloads/">
+                 <div data-framer-name="Item">
+                  <div>Downloads</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./developers/">
+                 <div data-framer-name="Item">
+                  <div>Developers</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./wallpapers/">
+                 <div data-framer-name="Item">
+                  <div>Wallpapers</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./newsletter">
+                 <div data-framer-name="Item">
+                  <div>Newsletter</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./updates">
+                 <div data-framer-name="Item">
+                  <div>Updates</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./help/">
+                 <div data-framer-name="Item">
+                  <div>Support</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./contact/">
+                 <div data-framer-name="Item">
+                  <div>Contact</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./brand">
+                 <div data-framer-name="Item">
+                  <div>Brand</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./blog/">
+                 <div data-framer-name="Item">
+                  <div>Blog</div>
+                 </div>
+                </a>
+               </div>
+              </div>
+             </div>
+             <div>
+              <div data-framer-name="Company">
+               <div data-framer-name="Nav/Topbar Link">
+                <div data-framer-name="Item">
+                 <div>Company</div>
+                </div>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./meetups/">
+                 <div data-framer-name="Item">
+                  <div>Meetups</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./careers/">
+                 <div data-framer-name="Item">
+                  <div>Careers</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./legal/security/">
+                 <div data-framer-name="Item">
+                  <div>Security</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="mailto:abuse@framer.com">
+                 <div data-framer-name="Item">
+                  <div>Abuse</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./brand">
+                 <div data-framer-name="Item">
+                  <div>Media</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./legal/terms-of-service/">
+                 <div data-framer-name="Item">
+                  <div>Legal</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./store">
+                 <div data-framer-name="Item">
+                  <div>Store</div>
+                 </div>
+                 <div>
+                  <div data-framer-name="Label">
+                   <div>
+                    <p>New</p>
+                   </div>
+                  </div>
+                 </div>
+                </a>
+               </div>
+              </div>
+              <div data-framer-name="Company">
+               <div data-framer-name="Nav/Topbar Link">
+                <div data-framer-name="Item">
+                 <div>Programs</div>
+                </div>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./creators">
+                 <div data-framer-name="Item">
+                  <div>Affiliates</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./expert/apply/">
+                 <div data-framer-name="Item">
+                  <div>Experts</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./creators">
+                 <div data-framer-name="Item">
+                  <div>Creators</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./education/students/">
+                 <div data-framer-name="Item">
+                  <div>Students</div>
+                 </div>
+                </a>
+               </div>
+               <div>
+                <a data-framer-name="Label" href="./education/ambassadors/">
+                 <div data-framer-name="Item">
+                  <div>Ambassadors</div>
+                 </div>
+                </a>
+               </div>
+              </div>
+             </div>
+            </div>
+           </div>
+           <div data-framer-name="COOKIE BANNER — DO NOT REMOVE" name="COOKIE BANNER — DO NOT REMOVE"></div>
+           <div>
+            <div aria-hidden="true"></div>
+            <div aria-hidden="true"></div>
+            <div aria-hidden="true"></div>
+            <div>
+             <div aria-hidden="true"></div>
+             <div data-framer-name="Layer Title">
+              <p>CCPA</p>
+             </div>
+            </div>
+           </div>
+           <div>
+            <a href="https://x.com/framer" target="_blank">
+             <div></div>
+            </a>
+            <a href="https://www.threads.com/@framer" target="_blank">
+             <div></div>
+            </a>
+            <a href="https://www.tiktok.com/@framer" target="_blank">
+             <div></div>
+            </a>
+            <a href="https://www.instagram.com/framer/" target="_blank">
+             <div></div>
+            </a>
+            <a href="https://www.linkedin.com/company/framer/" target="_blank">
+             <div></div>
+            </a>
+            <a href="https://www.youtube.com/@Framer" target="_blank">
+             <div></div>
+            </a>
+           </div>
+           <div>
+            <div data-framer-name="Variant 1">
+             <div>
+              <p>© Framer B.V.</p>
+             </div>
+             <div>
+              <p>2026</p>
+             </div>
+            </div>
+           </div>
+          </footer>
+         </div>
+        </div>
+       </div>
+       <div></div>
+      </div>
+      <div aria-hidden="true"></div>
+     </body>
+    </html>
+    "
+  `,
   )
 })
+
+test('collapses 3+ consecutive empty elements of same type', async () => {
+  const html = `
+    <div>
+      <span></span>
+      <span></span>
+      <span></span>
+      <span></span>
+      <p>content</p>
+      <div></div>
+      <div></div>
+    </div>
+  `
+  const result = await formatHtmlForPrompt(html)
+
+  // Should collapse 4 spans into 1, but keep 2 divs (not >= 3)
+  expect(result).toMatchInlineSnapshot(`
+    "<div>
+     <span></span>
+     <p>content</p>
+     <div></div>
+     <div></div>
+    </div>
+    "
+  `)
+})
+
+test('does not collapse empty elements with attributes', async () => {
+  const html = `
+    <div>
+      <span data-framer-name="a"></span>
+      <span data-framer-name="b"></span>
+      <span data-framer-name="c"></span>
+    </div>
+  `
+  const result = await formatHtmlForPrompt(html)
+
+  // All 3 should remain because they have attributes
+  expect(result).toMatchInlineSnapshot(`
+    "<div>
+     <span data-framer-name="a"></span>
+     <span data-framer-name="b"></span>
+     <span data-framer-name="c"></span>
+    </div>
+    "
+  `)
+})
diff --git a/playwriter/src/htmlrewrite.ts b/playwriter/src/htmlrewrite.ts
index a16f445..e605392 100644
--- a/playwriter/src/htmlrewrite.ts
+++ b/playwriter/src/htmlrewrite.ts
@@ -89,9 +89,79 @@ export async function formatHtmlForPrompt(html: string) {
         }
     }
 
+    // Plugin to collapse 3+ consecutive empty elements of the same type
+    const collapseEmptyElementsPlugin = () => {
+        return (tree) => {
+            const isEmptyElement = (node) => {
+                if (typeof node === 'string') return false
+                if (!node.tag) return false
+                const hasAttrs = node.attrs && Object.keys(node.attrs).length > 0
+                const hasContent = node.content && node.content.some(c =>
+                    typeof c === 'string' ? c.trim().length > 0 : true
+                )
+                return !hasAttrs && !hasContent
+            }
+
+            const isWhitespaceOnly = (node) => {
+                return typeof node === 'string' && node.trim().length === 0
+            }
+
+            const collapseConsecutive = (content) => {
+                if (!content || !Array.isArray(content)) return content
+
+                const result: typeof content = []
+                let i = 0
+                while (i < content.length) {
+                    const current = content[i]
+
+                    // Process children first (recursive)
+                    if (typeof current !== 'string' && current.content) {
+                        current.content = collapseConsecutive(current.content)
+                    }
+
+                    // Check for consecutive empty elements (skipping whitespace-only strings)
+                    if (isEmptyElement(current)) {
+                        const emptyElements = [current]
+                        const indicesToSkip = [i]
+                        let j = i + 1
+
+                        while (j < content.length) {
+                            if (isWhitespaceOnly(content[j])) {
+                                indicesToSkip.push(j)
+                                j++
+                                continue
+                            }
+                            if (isEmptyElement(content[j]) && content[j].tag === current.tag) {
+                                emptyElements.push(content[j])
+                                indicesToSkip.push(j)
+                                j++
+                                continue
+                            }
+                            break
+                        }
+
+                        if (emptyElements.length >= 3) {
+                            // Collapse: keep only one element
+                            result.push(current)
+                            i = j
+                            continue
+                        }
+                    }
+
+                    result.push(current)
+                    i++
+                }
+                return result
+            }
+
+            return collapseConsecutive(tree)
+        }
+    }
+
     // Process HTML
     const processor = posthtml()
         .use(removeTagsAndAttrsPlugin())
+        .use(collapseEmptyElementsPlugin())
         .use(beautify({
             rules: {
                 indent: 1,          // 1-space indent