@@ -24,7 +24,7 @@ export function DemoLimitModal({ onClose }: DemoLimitModalProps) {
2424 >
2525 { /* Modal panel */ }
2626 < div
27- className = "relative mx-4 w-full max-w-md rounded-2xl border border-th-border bg-th-card p-8 shadow-2xl"
27+ className = "relative mx-4 w-full max-w-lg rounded-2xl border border-th-border bg-th-card p-8 shadow-2xl"
2828 onClick = { ( e ) => e . stopPropagation ( ) }
2929 >
3030 { /* Close button */ }
@@ -82,33 +82,15 @@ export function DemoLimitModal({ onClose }: DemoLimitModalProps) {
8282 < div className = "mb-6 border-t border-th-border" />
8383
8484 { /* CTA buttons */ }
85- < div className = "flex flex-col gap-3 sm:flex-row" >
85+ < div className = "flex flex-col gap-3" >
86+ { /* Primary: Sign up */ }
8687 < a
87- href = "https://github .com/luminati-io/geo-aeo-tracker "
88+ href = "https://brightdata .com/?hs_signup=1 "
8889 target = "_blank"
8990 rel = "noopener noreferrer"
90- className = "bd-btn-primary flex flex-1 items-center justify-center gap-2 rounded-lg px-4 py-2.5 text-sm font-medium "
91+ className = "bd-btn-primary group flex items-center justify-center gap-2 rounded-lg px-4 py-3 text-sm font-semibold "
9192 >
92- { /* GitHub icon */ }
93- < svg
94- xmlns = "http://www.w3.org/2000/svg"
95- width = "16"
96- height = "16"
97- viewBox = "0 0 24 24"
98- fill = "currentColor"
99- >
100- < path d = "M12 2C6.477 2 2 6.477 2 12c0 4.418 2.865 8.166 6.839 9.489.5.092.682-.217.682-.482 0-.237-.008-.866-.013-1.7-2.782.604-3.369-1.34-3.369-1.34-.454-1.156-1.11-1.464-1.11-1.464-.908-.62.069-.608.069-.608 1.003.07 1.531 1.03 1.531 1.03.892 1.529 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.11-4.555-4.943 0-1.091.39-1.984 1.029-2.683-.103-.253-.446-1.27.098-2.647 0 0 .84-.269 2.75 1.025A9.578 9.578 0 0 1 12 6.836a9.59 9.59 0 0 1 2.504.337c1.909-1.294 2.747-1.025 2.747-1.025.546 1.377.203 2.394.1 2.647.64.699 1.028 1.592 1.028 2.683 0 3.842-2.339 4.687-4.566 4.935.359.309.678.919.678 1.852 0 1.336-.012 2.415-.012 2.741 0 .267.18.578.688.48C19.138 20.163 22 16.418 22 12c0-5.523-4.477-10-10-10z" />
101- </ svg >
102- Clone the Repo
103- </ a >
104-
105- < a
106- href = "https://docs.brightdata.com"
107- target = "_blank"
108- rel = "noopener noreferrer"
109- className = "flex flex-1 items-center justify-center gap-2 rounded-lg border border-th-border bg-th-card-alt px-4 py-2.5 text-sm font-medium text-th-text transition-colors hover:border-th-text-accent hover:text-th-text-accent"
110- >
111- { /* Book icon */ }
93+ Get Started with Bright Data
11294 < svg
11395 xmlns = "http://www.w3.org/2000/svg"
11496 width = "16"
@@ -119,12 +101,56 @@ export function DemoLimitModal({ onClose }: DemoLimitModalProps) {
119101 strokeWidth = "2"
120102 strokeLinecap = "round"
121103 strokeLinejoin = "round"
104+ className = "transition-transform group-hover:translate-x-0.5"
122105 >
123- < path d = "M4 19.5A2.5 2.5 0 0 1 6.5 17H20 " />
124- < path d = "M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z " />
106+ < path d = "M5 12h14 " />
107+ < path d = "m12 5 7 7-7 7 " />
125108 </ svg >
126- Read the Docs
127109 </ a >
110+
111+ { /* Secondary row */ }
112+ < div className = "flex flex-col gap-2 sm:flex-row" >
113+ < a
114+ href = "https://github.com/brightdata/geo-aeo-tracker"
115+ target = "_blank"
116+ rel = "noopener noreferrer"
117+ className = "flex flex-1 items-center justify-center gap-2 rounded-lg border border-th-border bg-th-card-alt px-4 py-2.5 text-sm font-medium text-th-text-secondary transition-colors hover:border-th-text-accent hover:text-th-text"
118+ >
119+ < svg
120+ xmlns = "http://www.w3.org/2000/svg"
121+ width = "15"
122+ height = "15"
123+ viewBox = "0 0 24 24"
124+ fill = "currentColor"
125+ >
126+ < path d = "M12 2C6.477 2 2 6.477 2 12c0 4.418 2.865 8.166 6.839 9.489.5.092.682-.217.682-.482 0-.237-.008-.866-.013-1.7-2.782.604-3.369-1.34-3.369-1.34-.454-1.156-1.11-1.464-1.11-1.464-.908-.62.069-.608.069-.608 1.003.07 1.531 1.03 1.531 1.03.892 1.529 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.11-4.555-4.943 0-1.091.39-1.984 1.029-2.683-.103-.253-.446-1.27.098-2.647 0 0 .84-.269 2.75 1.025A9.578 9.578 0 0 1 12 6.836a9.59 9.59 0 0 1 2.504.337c1.909-1.294 2.747-1.025 2.747-1.025.546 1.377.203 2.394.1 2.647.64.699 1.028 1.592 1.028 2.683 0 3.842-2.339 4.687-4.566 4.935.359.309.678.919.678 1.852 0 1.336-.012 2.415-.012 2.741 0 .267.18.578.688.48C19.138 20.163 22 16.418 22 12c0-5.523-4.477-10-10-10z" />
127+ </ svg >
128+ Clone Repo
129+ </ a >
130+
131+ < a
132+ href = "https://docs.brightdata.com/datasets/scrapers/scrapers-library/ai-scrapers"
133+ target = "_blank"
134+ rel = "noopener noreferrer"
135+ className = "flex flex-1 items-center justify-center gap-2 rounded-lg border border-th-border bg-th-card-alt px-4 py-2.5 text-sm font-medium text-th-text-secondary transition-colors hover:border-th-text-accent hover:text-th-text"
136+ >
137+ < svg
138+ xmlns = "http://www.w3.org/2000/svg"
139+ width = "15"
140+ height = "15"
141+ viewBox = "0 0 24 24"
142+ fill = "none"
143+ stroke = "currentColor"
144+ strokeWidth = "2"
145+ strokeLinecap = "round"
146+ strokeLinejoin = "round"
147+ >
148+ < path d = "M4 19.5A2.5 2.5 0 0 1 6.5 17H20" />
149+ < path d = "M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z" />
150+ </ svg >
151+ Docs
152+ </ a >
153+ </ div >
128154 </ div >
129155 </ div >
130156 </ div >
0 commit comments