https://fontpair.co/assets/BusinessCardMockup-B_ecXWNw.js

1import{j as s}from"./index-CZw-qp54.js";import{P as i}from"./PlaygroundEditableText-K9WXQGpy.js";import"./Playground-D8gRuzqn.js";import"./fontUtils-Dml8Tuzu.js";import"./buildKitDeck-FvWrFpLJ.js";import"./color-ZLzYa1sy.js";import"./grip-vertical-WtZbXuGp.js";import"./wind-U34M9jje.js";import"./link-BiaE_Nhw.js";import"./zap-DeVBFLn5.js";import"./clock-DoaYExT8.js";import"./send-BiCwewUY.js";import"./file-text-Cv47FuWw.js";import"./shopping-cart-HUaDLTeh.js";import"./credit-card-BznXmnAe.js";import"./image-76M9HldM.js";import"./house-BBrU8ok9.js";import"./trash-2-CFCL7p9n.js";import"./pause-Cr677tJ4.js";import"./play-YNMIfHcr.js";import"./copy-BO-ZK-FY.js";import"./arrow-up-down-D5LJzPXL.js";import"./upload-C4v5ZfjF.js";import"./download-gzU3jHvg.js";import"./calendar-DMRmBEd3.js";import"./lock-BbjxXdvN.js";import"./external-link-Dwbe1N9F.js";import"./arrow-left-8DfuEIQi.js";import"./ellipsis-DeqikP5G.js";import"./pencil-sVfXoSsH.js";import"./square-pen-CzslupNP.js";import"./zap-CdC9qWu_.js";import"./index-C61oxB7j.js";import"./user-BngbDDpH.js";import"./XMarkIcon-CSuvBRqb.js";import"./UserIcon-eXtUyEQd.js";import"./PlaygroundKitsSidebar-DrXt8qSC.js";import"./PlaygroundColorPaletteSelector-CIYImOcd.js";import"./tabs-DtwreEzP.js";import"./pro-badge-CobZOmne.js";import"./useProFeatureGate-IAOrovz_.js";import"./AnimatedHeart-DDLxUlt-.js";import"./extractColorsFromImage-vZne-JNS.js";import"./palette-name-generator-CD6uM4K9.js";import"./code-CH-TbdBV.js";import"./switch-BwN9PlSH.js";import"./slider-qqKsmg8L.js";import"./uncover-icons-BgkkdUX6.js";import"./shapes-BwyRzYH3.js";import"./GoogleFontsEmbedModal-C21ZeYHs.js";import"./FontInspirationSection-DDTA1wpQ.js";import"./FontPairGrid-BvPjXZnc.js";import"./FontSkeleton-BMzv6Uf9.js";import"./alert-LZxZArw3.js";import"./FontPairCard-BjgO51GT.js";import"./folder-plus-Dke_euIS.js";import"./maximize-2-BwClQUmd.js";import"./FontPreviewSettingsContext-ByK6nPaY.js";import"./InfiniteScrollSentinel-f5LpfNxt.js";import"./InspirationCard-B8OwwEpK.js";import"./SiteCard-C81Ics6Z.js";import"./InspirationLightbox-BIFcy3Fj.js";import"./localFontsStore-D9cN-1Xw.js";import"./trackBrandKitExport-BIxrhdJr.js";import"./badge-CjwnJ8B-.js";import"./BrandKitPreviewModal-BZeBE9wg.js";import"./confetti.module-B5JVzsfH.js";import"./ensureKitFonts-BqWWKs6r.js";import"./loaders-DwtMyrSs.js";import"./grid-3x3-Q_q5KOV7.js";import"./eye-off-FkN-pEV6.js";import"./eye-Bmzvj98D.js";import"./confirm-dialog-ElTNJeV2.js";import"./userKit-CagNk1Fy.js";import"./bookmark-W-EJI7I_.js";import"./useAllFonts-Bu6swO2y.js";import"./useUserKits-DmWBZlN3.js";function As({fontPair:t,headingFontFamily:a,bodyFontFamily:e,fontLoaded:r,editable:l=!1,templateIndex:c=0}){return c===5?s.jsx(o,{headingFontFamily:a,bodyFontFamily:e,fontLoaded:r,editable:l}):c===4?s.jsx(p,{headingFontFamily:a,bodyFontFamily:e,fontLoaded:r,editable:l}):c===3?s.jsx(f,{headingFontFamily:a,bodyFontFamily:e,fontLoaded:r,editable:l}):c===2?s.jsx(n,{headingFontFamily:a,bodyFontFamily:e,fontLoaded:r,editable:l}):c===1?s.jsx(x,{headingFontFamily:a,bodyFontFamily:e,fontLoaded:r,editable:l}):s.jsx(m,{headingFontFamily:a,bodyFontFamily:e,fontLoaded:r,editable:l})}function m({headingFontFamily:t,bodyFontFamily:a,fontLoaded:e,editable:r}){return s.jsx("div",{className:"p-2 sm:p-6 w-full min-h-full flex flex-col items-center justify-center",children:s.jsxs("div",{className:"p-2 sm:p-8 w-full max-w-[680px]",children:[s.jsxs("div",{className:"p-5 sm:p-8 w-full max-w-[640px] mx-auto mb-4 aspect-[3.5/2] flex flex-col justify-between rounded-xl mockup-shadow",style:{backgroundColor:"var(--bg, #ffffff)"},children:[s.jsxs("div",{children:[r?s.jsx(i,{contentKey:"businessCardName",as:"div",fontLoaded:e,className:"text-2xl sm:text-4xl font-bold mb-1",style:{fontFamily:e?`${t}, sans-serif`:"sans-serif",color:"var(--fg, #000000)"}}):s.jsx("div",{className:`text-2xl sm:text-4xl font-bold mb-1 ${e?"":"opacity-50"}`,style:{fontFamily:e?`${t}, sans-serif`:"sans-serif",color:"var(--fg, #000000)"},children:"Sarah Johnson"}),r?s.jsx(i,{contentKey:"businessCardTitle",as:"div",fontLoaded:e,className:"text-base sm:text-xl mb-3",style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--fgMuted, #6b7280)"}}):s.jsx("div",{className:`text-base sm:text-xl mb-3 ${e?"":"opacity-50"}`,style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--fgMuted, #6b7280)"},children:"Creative Director"})]}),s.jsx("div",{className:`text-xs sm:text-base space-y-1 ${e?"":"opacity-50"}`,style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--fgMuted, #6b7280)"},children:r?s.jsxs(s.Fragment,{children:[s.jsx(i,{contentKey:"businessCardEmail",as:"div",fontLoaded:e}),s.jsx(i,{contentKey:"businessCardPhone",as:"div",fontLoaded:e}),s.jsx(i,{contentKey:"businessCardWebsite",as:"div",fontLoaded:e})]}):s.jsxs(s.Fragment,{children:[s.jsx("div",{children:"[email protected]"}),s.jsx("div",{children:"+1 (555) 123-4567"}),s.jsx("div",{children:"creativestudio.com"})]})})]}),s.jsx("div",{className:"p-5 sm:p-8 w-full max-w-[640px] mx-auto aspect-[3.5/2] flex items-center justify-center rounded-xl mockup-shadow",style:{backgroundColor:"var(--primary, #2563eb)"},children:s.jsxs("div",{className:"text-center",children:[r?s.jsx(i,{contentKey:"businessCardCompany",as:"div",fontLoaded:e,className:"text-2xl sm:text-4xl font-bold mb-2",style:{fontFamily:e?`${t}, sans-serif`:"sans-serif",color:"var(--onPrimary, #ffffff)"}}):s.jsx("div",{className:`text-2xl sm:text-4xl font-bold mb-2 ${e?"":"opacity-50"}`,style:{fontFamily:e?`${t}, sans-serif`:"sans-serif",color:"var(--onPrimary, #ffffff)"},children:"Creative Studio"}),r?s.jsx(i,{contentKey:"businessCardTagline",as:"div",fontLoaded:e,className:"text-lg",style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--onPrimary, #ffffff)"}}):s.jsx("div",{className:`text-lg ${e?"":"opacity-50"}`,style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--onPrimary, #ffffff)"},children:"Design • Brand • Digital"})]})})]})})}

1function x({headingFontFamily:t,bodyFontFamily:a,fontLoaded:e,editable:r}){return s.jsx("div",{className:"p-2 sm:p-6 w-full min-h-full flex flex-col items-center justify-center",children:s.jsxs("div",{className:"p-2 sm:p-8 w-full max-w-[680px]",children:[s.jsx("div",{className:"w-full max-w-[640px] mx-auto mb-4 aspect-[3.5/2] flex flex-col rounded-xl mockup-shadow overflow-hidden",style:{backgroundColor:"var(--bg, #f5f5f0)"},children:s.jsx("div",{className:"flex-1 flex items-center justify-center px-8 overflow-hidden",children:r?s.jsx(i,{contentKey:"businessCardName",as:"div",fontLoaded:e,className:"text-3xl sm:text-5xl tracking-widest uppercase text-center break-words w-full",style:{fontFamily:e?`${t}, serif`:"serif",color:"var(--fg, #1a1a1a)",letterSpacing:"0.15em",overflowWrap:"break-word",wordBreak:"break-word"}}):s.jsx("div",{className:`text-3xl sm:text-5xl tracking-widest uppercase text-center break-words w-full ${e?"":"opacity-50"}`,style:{fontFamily:e?`${t}, serif`:"serif",color:"var(--fg, #1a1a1a)",letterSpacing:"0.15em",overflowWrap:"break-word",wordBreak:"break-word"},children:"Sarah Johnson"})})}),s.jsx("div",{className:"w-full max-w-[640px] mx-auto aspect-[3.5/2] flex flex-col rounded-xl mockup-shadow overflow-hidden",style:{backgroundColor:"var(--bg, #f5f5f0)"},children:s.jsxs("div",{className:"flex-1 flex flex-col justify-between p-5 sm:p-8",children:[s.jsx("div",{className:"text-right space-y-0.5",children:r?s.jsxs(s.Fragment,{children:[s.jsx(i,{contentKey:"businessCardTitle",as:"div",fontLoaded:e,className:"text-sm sm:text-lg",style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--fg, #1a1a1a)"}}),s.jsx(i,{contentKey:"businessCardPhone",as:"div",fontLoaded:e,className:"text-sm sm:text-lg",style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--fg, #1a1a1a)"}})]}):s.jsxs(s.Fragment,{children:[s.jsx("div",{className:`text-sm sm:text-lg ${e?"":"opacity-50"}`,style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--fg, #1a1a1a)"},children:"Creative Director"}),s.jsx("div",{className:`text-sm sm:text-lg ${e?"":"opacity-50"}`,style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--fg, #1a1a1a)"},children:"+1 (555) 123-4567"})]})}),s.jsx("div",{className:"text-right",children:r?s.jsx(i,{contentKey:"businessCardEmail",as:"div",fontLoaded:e,className:"text-sm sm:text-lg",style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--fg, #1a1a1a)"}}):s.jsx("div",{className:`text-sm sm:text-lg ${e?"":"opacity-50"}`,style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--fg, #1a1a1a)"},children:"[email protected]"})}),s.jsx("div",{className:"text-right space-y-0.5",children:r?s.jsxs(s.Fragment,{children:[s.jsx(i,{contentKey:"businessCardCompany",as:"div",fontLoaded:e,className:"text-sm sm:text-lg",style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--fg, #1a1a1a)"}}),s.jsx(i,{contentKey:"businessCardTagline",as:"div",fontLoaded:e,className:"text-xs sm:text-sm",style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--fgMuted, #6b7280)"}}),s.jsx("div",{className:"mt-2 space-y-0.5",children:s.jsx(i,{contentKey:"businessCardWebsite",as:"div",fontLoaded:e,className:"text-sm sm:text-lg",style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--fg, #1a1a1a)"}})})]}):s.jsxs(s.Fragment,{children:[s.jsx("div",{className:`text-sm sm:text-lg ${e?"":"opacity-50"}`,style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--fg, #1a1a1a)"},children:"Creative Studio"}),s.jsx("div",{className:`text-xs sm:text-sm ${e?"":"opacity-50"}`,style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--fgMuted, #6b7280)"},children:"Design • Brand • Digital"}),s.jsx("div",{className:"mt-2 space-y-0.5",children:s.jsx("div",{className:`text-sm sm:text-lg ${e?"":"opacity-50"}`,style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--fg, #1a1a1a)"},children:"creativestudio.com"})})]})})]})})]})})}function n({headingFontFamily:t,bodyFontFamily:a,fontLoaded:e,editable:r}){return s.jsx("div",{className:"p-2 sm:p-6 w-full min-h-full flex flex-col items-center justify-center",children:s.jsxs("div",{className:"p-2 sm:p-8 w-full max-w-[680px]",children:[s.jsx("div",{className:"w-full max-w-[640px] mx-auto mb-4 aspect-[3.5/2] flex flex-col items-center justify-center rounded-xl mockup-shadow overflow-hidden",style:{backgroundColor:"var(--bg, #f5f0eb)"},children:s.jsx("div",{className:"px-8 text-center",children:r?s.jsx(i,{contentKey:"businessCardCompany",as:"div",fontLoaded:e,className:"text-xl sm:text-3xl tracking-[0.2em] uppercase break-words w-full",style:{fontFamily:e?`${t}, serif`:"serif",color:"var(--fg, #1a1a1a)",overflowWrap:"break-word"}}):s.jsx("div",{className:`text-xl sm:text-3xl tracking-[0.2em] uppercase ${e?"":"opacity-50"}`,style:{fontFamily:e?`${t}, serif`:"serif",color:"var(--fg, #1a1a1a)"},children:"Creative Studio"})})}),s.jsx("div",{className:"w-full max-w-[640px] mx-auto aspect-[3.5/2] flex flex-col justify-end rounded-xl mockup-shadow overflow-hidden",style:{backgroundColor:"var(--bg, #f5f0eb)"},children:s.jsxs("div",{className:"flex items-end justify-between p-5 sm:p-8",children:[s.jsx("div",{className:"space-y-1",children:r?s.jsxs(s.Fragment,{children:[s.jsx(i,{contentKey:"businessCardName",as:"div",fontLoaded:e,className:"text-base sm:text-xl font-semibold uppercase tracking-wider",style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--fg, #1a1a1a)"}}),s.jsx(i,{contentKey:"businessCardTitle",as:"div",fontLoaded:e,className:"text-sm sm:text-base italic",style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--fgMuted, #6b7280)"}})]}):s.jsxs(s.Fragment,{children:[s.jsx("div",{className:`text-base sm:text-xl font-semibold uppercase tracking-wider ${e?"":"opacity-50"}`,style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--fg, #1a1a1a)"},children:"Sarah Johnson"}),s.jsx("div",{className:`text-sm sm:text-base italic ${e?"":"opacity-50"}`,style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--fgMuted, #6b7280)"},children:"Creative Director"})]})}),s.jsx("div",{className:"text-right space-y-1",children:r?s.jsxs(s.Fragment,{children:[s.jsx(i,{contentKey:"businessCardWebsite",as:"div",fontLoaded:e,className:"text-sm sm:text-base",style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--fg, #1a1a1a)"}}),s.jsx(i,{contentKey:"businessCardPhone",as:"div",fontLoaded:e,className:"text-sm sm:text-base",style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--fg, #1a1a1a)"}}),s.jsx(i,{contentKey:"businessCardEmail",as:"div",fontLoaded:e,className:"text-sm sm:text-base",style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--fg, #1a1a1a)"}})]}):s.jsxs(s.Fragment,{children:[s.jsx("div",{className:`text-sm sm:text-base ${e?"":"opacity-50"}`,style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--fg, #1a1a1a)"},children:"creativestudio.com"}),s.jsx("div",{className:`text-sm sm:text-base ${e?"":"opacity-50"}`,style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--fg, #1a1a1a)"},children:"+1 (555) 123-4567"}),s.jsx("div",{className:`text-sm sm:text-base ${e?"":"opacity-50"}`,style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--fg, #1a1a1a)"},children:"[email protected]"})]})})]})})]})})}

1function f({headingFontFamily:t,bodyFontFamily:a,fontLoaded:e,editable:r}){return s.jsx("div",{className:"p-2 sm:p-6 w-full min-h-full flex flex-col items-center justify-center",children:s.jsxs("div",{className:"p-2 sm:p-8 w-full max-w-[680px]",children:[s.jsxs("div",{className:"w-full max-w-[640px] mx-auto mb-4 aspect-[3.5/2] flex flex-col items-center justify-center rounded-xl mockup-shadow overflow-hidden px-8 sm:px-12",style:{backgroundColor:"var(--bg, #f5f0eb)"},children:[s.jsx("div",{className:"w-full text-center mb-3 sm:mb-5",children:r?s.jsx(i,{contentKey:"businessCardCompany",as:"div",fontLoaded:e,className:"text-3xl sm:text-5xl italic break-words w-full",style:{fontFamily:e?`${t}, serif`:"serif",color:"var(--fg, #1a1a1a)",overflowWrap:"break-word"}}):s.jsx("div",{className:`text-3xl sm:text-5xl italic ${e?"":"opacity-50"}`,style:{fontFamily:e?`${t}, serif`:"serif",color:"var(--fg, #1a1a1a)"},children:"Creative Studio"})}),s.jsxs("div",{className:"w-full max-w-[400px] space-y-1.5",children:[s.jsx("div",{className:"w-full h-px",style:{backgroundColor:"var(--fg, #1a1a1a)"}}),r?s.jsx(i,{contentKey:"businessCardTagline",as:"div",fontLoaded:e,className:"text-xs sm:text-sm text-center tracking-wide",style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--fg, #1a1a1a)"}}):s.jsx("div",{className:`text-xs sm:text-sm text-center tracking-wide ${e?"":"opacity-50"}`,style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--fg, #1a1a1a)"},children:"Design • Brand • Digital"}),s.jsx("div",{className:"w-full h-px",style:{backgroundColor:"var(--fg, #1a1a1a)"}})]}),s.jsx("div",{className:"mt-3 sm:mt-5",children:r?s.jsx(i,{contentKey:"businessCardWebsite",as:"div",fontLoaded:e,className:"text-xs sm:text-sm font-semibold tracking-wide",style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--fg, #1a1a1a)"}}):s.jsx("div",{className:`text-xs sm:text-sm font-semibold tracking-wide ${e?"":"opacity-50"}`,style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--fg, #1a1a1a)"},children:"creativestudio.com"})})]}),s.jsxs("div",{className:"w-full max-w-[640px] mx-auto aspect-[3.5/2] flex flex-col justify-between rounded-xl mockup-shadow overflow-hidden p-5 sm:p-8",style:{backgroundColor:"var(--bg, #f5f0eb)"},children:[s.jsxs("div",{children:[r?s.jsx(i,{contentKey:"businessCardName",as:"div",fontLoaded:e,className:"text-2xl sm:text-4xl mb-0.5",style:{fontFamily:e?`${t}, serif`:"serif",color:"var(--fg, #1a1a1a)"}}):s.jsx("div",{className:`text-2xl sm:text-4xl ${e?"":"opacity-50"}`,style:{fontFamily:e?`${t}, serif`:"serif",color:"var(--fg, #1a1a1a)"},children:"Sarah Johnson"}),r?s.jsx(i,{contentKey:"businessCardTitle",as:"div",fontLoaded:e,className:"text-sm sm:text-base italic",style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--fg, #1a1a1a)"}}):s.jsx("div",{className:`text-sm sm:text-base italic ${e?"":"opacity-50"}`,style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--fg, #1a1a1a)"},children:"Creative Director"})]}),s.jsx("div",{className:"space-y-0.5",children:r?s.jsxs(s.Fragment,{children:[s.jsx(i,{contentKey:"businessCardPhone",as:"div",fontLoaded:e,className:"text-xs sm:text-sm",style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--fg, #1a1a1a)"}}),s.jsx(i,{contentKey:"businessCardEmail",as:"div",fontLoaded:e,className:"text-xs sm:text-sm",style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--fg, #1a1a1a)"}}),s.jsx(i,{contentKey:"businessCardWebsite",as:"div",fontLoaded:e,className:"text-xs sm:text-sm",style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--fg, #1a1a1a)"}})]}):s.jsxs(s.Fragment,{children:[s.jsx("div",{className:`text-xs sm:text-sm ${e?"":"opacity-50"}`,style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--fg, #1a1a1a)"},children:"+1 (555) 123-4567"}),s.jsx("div",{className:`text-xs sm:text-sm ${e?"":"opacity-50"}`,style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--fg, #1a1a1a)"},children:"[email protected]"}),s.jsx("div",{className:`text-xs sm:text-sm ${e?"":"opacity-50"}`,style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--fg, #1a1a1a)"},children:"creativestudio.com"})]})})]})]})})}

1function p({headingFontFamily:t,bodyFontFamily:a,fontLoaded:e,editable:r}){return s.jsx("div",{className:"p-2 sm:p-6 w-full min-h-full flex flex-col items-center justify-center",children:s.jsxs("div",{className:"p-2 sm:p-8 w-full max-w-[680px]",children:[s.jsx("div",{className:"w-full max-w-[640px] mx-auto mb-4 aspect-[3.5/2] flex flex-col rounded-xl mockup-shadow overflow-hidden p-3 sm:p-5",style:{backgroundColor:"var(--primary, #9cbdb8)"},children:s.jsx("div",{className:"flex-1 flex flex-col border rounded-lg overflow-hidden",style:{borderColor:"var(--onPrimary, #1a1a1a)",opacity:.6},children:s.jsx("div",{className:"flex-1 flex items-center justify-center px-6 sm:px-10",style:{opacity:1},children:r?s.jsx(i,{contentKey:"businessCardCompany",as:"div",fontLoaded:e,className:"text-4xl sm:text-7xl font-bold tracking-tight text-center break-words w-full",style:{fontFamily:e?`${t}, sans-serif`:"sans-serif",color:"var(--onPrimary, #1a1a1a)",overflowWrap:"break-word"}}):s.jsx("div",{className:`text-4xl sm:text-7xl font-bold tracking-tight text-center ${e?"":"opacity-50"}`,style:{fontFamily:e?`${t}, sans-serif`:"sans-serif",color:"var(--onPrimary, #1a1a1a)"},children:"Creative Studio"})})})}),s.jsx("div",{className:"w-full max-w-[640px] mx-auto aspect-[3.5/2] flex flex-col rounded-xl mockup-shadow overflow-hidden p-3 sm:p-5",style:{backgroundColor:"var(--bg, #f5f0eb)"},children:s.jsxs("div",{className:"flex-1 flex flex-col border rounded-lg overflow-hidden",style:{borderColor:"var(--fg, #1a1a1a)",opacity:.5},children:[s.jsx("div",{className:"flex items-baseline gap-3 px-4 sm:px-6 pt-4 sm:pt-6 pb-2",style:{opacity:1},children:r?s.jsxs(s.Fragment,{children:[s.jsx(i,{contentKey:"businessCardName",as:"div",fontLoaded:e,className:"text-xl sm:text-3xl font-bold",style:{fontFamily:e?`${t}, sans-serif`:"sans-serif",color:"var(--fg, #1a1a1a)"}}),s.jsx(i,{contentKey:"businessCardTitle",as:"div",fontLoaded:e,className:"text-[9px] sm:text-xs uppercase tracking-wider font-semibold",style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--fg, #1a1a1a)"}})]}):s.jsxs(s.Fragment,{children:[s.jsx("div",{className:`text-xl sm:text-3xl font-bold ${e?"":"opacity-50"}`,style:{fontFamily:e?`${t}, sans-serif`:"sans-serif",color:"var(--fg, #1a1a1a)"},children:"Sarah Johnson"}),s.jsx("div",{className:`text-[9px] sm:text-xs uppercase tracking-wider font-semibold ${e?"":"opacity-50"}`,style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--fg, #1a1a1a)"},children:"Creative Director"})]})}),s.jsx("div",{className:"flex-1"}),s.jsx("div",{className:"px-4 sm:px-6 pb-3 sm:pb-5 space-y-0",style:{opacity:1},children:[{key:"businessCardPhone",fallback:"+1 (555) 123-4567"},{key:"businessCardEmail",fallback:"[email protected]"},{key:"businessCardWebsite",fallback:"creativestudio.com"}].map((l,c)=>s.jsxs("div",{children:[s.jsx("div",{className:"w-full h-px",style:{backgroundColor:"var(--fg, #1a1a1a)",opacity:.3}}),s.jsx("div",{className:"py-1.5 sm:py-2",children:r?s.jsx(i,{contentKey:l.key,as:"div",fontLoaded:e,className:"text-xs sm:text-sm font-semibold uppercase tracking-wide",style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--fg, #1a1a1a)"}}):s.jsx("div",{className:`text-xs sm:text-sm font-semibold uppercase tracking-wide ${e?"":"opacity-50"}`,style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--fg, #1a1a1a)"},children:l.fallback})})]},c))})]})})]})})}function o({headingFontFamily:t,bodyFontFamily:a,fontLoaded:e,editable:r}){return s.jsx("div",{className:"p-2 sm:p-6 w-full min-h-full flex flex-col items-center justify-center",children:s.jsxs("div",{className:"p-2 sm:p-8 w-full max-w-[680px]",children:[s.jsxs("div",{className:"w-full max-w-[640px] mx-auto mb-4 aspect-[3.5/2] flex flex-col items-center justify-center rounded-xl mockup-shadow px-8 sm:px-16",style:{backgroundColor:"var(--bg, #f5f0eb)"},children:[s.jsx("div",{className:"text-center mb-2 sm:mb-3",children:r?s.jsx(i,{contentKey:"businessCardTagline",as:"div",fontLoaded:e,className:"text-[9px] sm:text-xs uppercase tracking-[0.25em] font-medium break-words w-full",style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--fg, #1a1a1a)",overflowWrap:"break-word"}}):s.jsx("div",{className:`text-[9px] sm:text-xs uppercase tracking-[0.25em] font-medium ${e?"":"opacity-50"}`,style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--fg, #1a1a1a)"},children:"Design — Studio"})}),s.jsx("div",{className:"text-center",children:r?s.jsx(i,{contentKey:"businessCardCompany",as:"div",fontLoaded:e,className:"text-4xl sm:text-6xl font-normal tracking-tight break-words w-full",style:{fontFamily:e?`${t}, serif`:"serif",color:"var(--fg, #1a1a1a)",overflowWrap:"break-word"}}):s.jsx("div",{className:`text-4xl sm:text-6xl font-normal tracking-tight ${e?"":"opacity-50"}`,style:{fontFamily:e?`${t}, serif`:"serif",color:"var(--fg, #1a1a1a)"},children:"Creative Studio"})})]}),s.jsxs("div",{className:"w-full max-w-[640px] mx-auto aspect-[3.5/2] flex flex-col items-center justify-center rounded-xl mockup-shadow px-8 sm:px-16",

1style:{backgroundColor:"var(--primary, #9cbdb8)"},children:[s.jsx("div",{className:"text-center mb-3 sm:mb-4",children:r?s.jsx(i,{contentKey:"businessCardName",as:"div",fontLoaded:e,className:"text-sm sm:text-base uppercase tracking-[0.2em] font-semibold break-words w-full",style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--onPrimary, #1a1a1a)",overflowWrap:"break-word"}}):s.jsx("div",{className:`text-sm sm:text-base uppercase tracking-[0.2em] font-semibold ${e?"":"opacity-50"}`,style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--onPrimary, #1a1a1a)"},children:"Sarah Johnson"})}),s.jsx("div",{className:"text-center mb-3 sm:mb-4",children:r?s.jsxs("div",{className:"flex flex-col sm:flex-row items-center justify-center gap-1 sm:gap-4",children:[s.jsx(i,{contentKey:"businessCardEmail",as:"div",fontLoaded:e,className:"text-[9px] sm:text-xs tracking-wide break-words",style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--onPrimary, #1a1a1a)",overflowWrap:"break-word"}}),s.jsx("span",{className:"hidden sm:inline text-[9px] sm:text-xs",style:{color:"var(--onPrimary, #1a1a1a)",opacity:.5},children:"/"}),s.jsx(i,{contentKey:"businessCardPhone",as:"div",fontLoaded:e,className:"text-[9px] sm:text-xs tracking-wide break-words",style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--onPrimary, #1a1a1a)",overflowWrap:"break-word"}})]}):s.jsxs("div",{className:"flex flex-col sm:flex-row items-center justify-center gap-1 sm:gap-4",children:[s.jsx("span",{className:`text-[9px] sm:text-xs tracking-wide ${e?"":"opacity-50"}`,style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--onPrimary, #1a1a1a)"},children:"[email protected]"}),s.jsx("span",{className:"hidden sm:inline text-[9px] sm:text-xs",style:{color:"var(--onPrimary, #1a1a1a)",opacity:.5},children:"/"}),s.jsx("span",{className:`text-[9px] sm:text-xs tracking-wide ${e?"":"opacity-50"}`,style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--onPrimary, #1a1a1a)"},children:"+1 (555) 123-4567"})]})}),s.jsx("div",{className:"text-center mb-3 sm:mb-4",children:r?s.jsx(i,{contentKey:"businessCardAddress",as:"div",fontLoaded:e,className:"text-[9px] sm:text-xs tracking-wide italic break-words w-full",style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--onPrimary, #1a1a1a)",opacity:.8,overflowWrap:"break-word"}}):s.jsx("div",{className:`text-[9px] sm:text-xs tracking-wide italic ${e?"":"opacity-50"}`,style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--onPrimary, #1a1a1a)",opacity:.8},children:"123 Design Ave, Suite 100, New York, NY"})}),s.jsx("div",{className:"text-center",children:r?s.jsx(i,{contentKey:"businessCardWebsite",as:"div",fontLoaded:e,className:"text-[10px] sm:text-sm uppercase tracking-[0.15em] font-medium break-words w-full",style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--onPrimary, #1a1a1a)",overflowWrap:"break-word"}}):s.jsx("div",{className:`text-[10px] sm:text-sm uppercase tracking-[0.15em] font-medium ${e?"":"opacity-50"}`,style:{fontFamily:e?`${a}, sans-serif`:"sans-serif",color:"var(--onPrimary, #1a1a1a)"},children:"creativestudio.com"})})]})]})})}export{As as BusinessCardMockup};