Skip to content

probat: activate and auto-wrap src/components/Hero.tsx (proposal fd2cbb1a) #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
probatai wants to merge 14 commits into
base: main
Choose a base branch
from
Open

probat: activate and auto-wrap src/components/Hero.tsx (proposal fd2cbb1a) #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
14 commits
Select commit Hold shift + click to select a range
94295e5
probat: add activated component probat/fd2cbb1a-bc48-4729-98c2-6b746d…
probatai[bot] Nov 6, 2025
9963dc4
probat: add activated component probat/fd2cbb1a-bc48-4729-98c2-6b746d…
probatai[bot] Nov 6, 2025
9a73f19
probat: add activated component probat/fd2cbb1a-bc48-4729-98c2-6b746d…
probatai[bot] Nov 6, 2025
8449811
probat: add activated component probat/fd2cbb1a-bc48-4729-98c2-6b746d…
probatai[bot] Nov 6, 2025
809b9d4
probat: add activated component probat/fd2cbb1a-bc48-4729-98c2-6b746d…
probatai[bot] Nov 6, 2025
cde14bb
probat: add activated component probat/fd2cbb1a-bc48-4729-98c2-6b746d…
probatai[bot] Nov 6, 2025
1be71af
probat: add activated component probat/fd2cbb1a-bc48-4729-98c2-6b746d…
probatai[bot] Nov 6, 2025
94c9207
probat: add activated component probat/fd2cbb1a-bc48-4729-98c2-6b746d…
probatai[bot] Nov 6, 2025
3a7a8ad
probat: add activated component probat/fd2cbb1a-bc48-4729-98c2-6b746d…
probatai[bot] Nov 6, 2025
e15ec81
Add probat/runtime.tsx
probatai[bot] Nov 6, 2025
84332c5
Add probat/index.tsx
probatai[bot] Nov 6, 2025
f3cc65c
Ensure probat/config.tsx entry
probatai[bot] Nov 6, 2025
4cdcc27
Ensure probat/registry.tsx entry
probatai[bot] Nov 6, 2025
b66f028
probat: auto-edit component to integrate Probat at src/components/Her…
probatai[bot] Nov 6, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions probat/config.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
// probat/config.tsx
export const PROBAT_COMPONENTS: Record<string, { proposalId: string }> = {
"src/components/Hero.tsx": { proposalId: "fd2cbb1a-bc48-4729-98c2-6b746d742004" }
};
83 changes: 83 additions & 0 deletions probat/fd2cbb1a-bc48-4729-98c2-6b746d742004/7a27d50c-7372-4af1-b958-6fedf692036f.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,83 @@
import React from 'react'
import './Hero.css'

const Hero: React.FC = () => {
return (
<section className="hero" id="home">
<style>{`
.btn-primary {
background-color: #667EEA;
color: #000000;
}
.btn-primary:hover {
background-color: #F6E05E; /* Accent yellow on hover */
color: #000000; /* Dark neutral text for contrast */
}
.btn-outline {
border-color: #667EEA;
color: #667EEA;
background-color: transparent;
}
.btn-outline:hover {
background-color: #667EEA;
color: #F7FAFC;
}
`}</style>
<div className="container">
<div className="hero-content">
<div className="hero-text">
<h1 className="hero-title">
Build Something
<span className="gradient-text"> Amazing</span>
</h1>
<p className="hero-description">
Create stunning websites and applications with our modern tools and
cutting-edge technology. Join thousands of developers who trust our platform.
</p>
<div className="hero-actions">
<button className="btn btn-primary btn-large">
Get Started Free
</button>
<button className="btn btn-outline btn-large">
Watch Demo
</button>
</div>
<div className="hero-stats">
<div className="stat">
<span className="stat-number">10K+</span>
<span className="stat-label">Active Users</span>
</div>
<div className="stat">
<span className="stat-number">99.9%</span>
<span className="stat-label">Uptime</span>
</div>
<div className="stat">
<span className="stat-number">24/7</span>
<span className="stat-label">Support</span>
</div>
</div>
</div>
<div className="hero-visual">
<div className="hero-card">
<div className="card-header">
<div className="card-dots">
<span></span>
<span></span>
<span></span>
</div>
</div>
<div className="card-content">
<div className="code-line"></div>
<div className="code-line"></div>
<div className="code-line"></div>
<div className="code-line short"></div>
</div>
</div>
</div>
</div>
</div>
</section>
)
}

export default Hero
83 changes: 83 additions & 0 deletions probat/fd2cbb1a-bc48-4729-98c2-6b746d742004/8eab0fb6-e06a-4f98-b953-730648874b83.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,83 @@
import React from 'react'
import './Hero.css'

const Hero: React.FC = () => {
return (
<section className="hero" id="home">
<style>{`
.btn-primary {
background-color: #667EEA;
color: #000000;
}
.btn-primary:hover {
background-color: #556edb;
color: #000000;
}
.btn-outline {
border-color: #667EEA;
color: #667EEA;
background-color: transparent;
}
.btn-outline:hover {
background-color: #F6E05E; /* Accent yellow fill on hover */
color: #000000; /* Dark neutral text for contrast */
}
`}</style>
<div className="container">
<div className="hero-content">
<div className="hero-text">
<h1 className="hero-title">
Build Something
<span className="gradient-text"> Amazing</span>
</h1>
<p className="hero-description">
Create stunning websites and applications with our modern tools and
cutting-edge technology. Join thousands of developers who trust our platform.
</p>
<div className="hero-actions">
<button className="btn btn-primary btn-large">
Get Started Free
</button>
<button className="btn btn-outline btn-large">
Watch Demo
</button>
</div>
<div className="hero-stats">
<div className="stat">
<span className="stat-number">10K+</span>
<span className="stat-label">Active Users</span>
</div>
<div className="stat">
<span className="stat-number">99.9%</span>
<span className="stat-label">Uptime</span>
</div>
<div className="stat">
<span className="stat-number">24/7</span>
<span className="stat-label">Support</span>
</div>
</div>
</div>
<div className="hero-visual">
<div className="hero-card">
<div className="card-header">
<div className="card-dots">
<span></span>
<span></span>
<span></span>
</div>
</div>
<div className="card-content">
<div className="code-line"></div>
<div className="code-line"></div>
<div className="code-line"></div>
<div className="code-line short"></div>
</div>
</div>
</div>
</div>
</div>
</section>
)
}

export default Hero
83 changes: 83 additions & 0 deletions probat/fd2cbb1a-bc48-4729-98c2-6b746d742004/8f6a9218-dc3e-46d6-9bfe-0a172143faef.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,83 @@
import React from 'react'
import './Hero.css'

const Hero: React.FC = () => {
return (
<section className="hero" id="home">
<style>{`
.btn-primary {
background-color: #4A5568; /* Secondary dark blue as primary */
color: #F7FAFC; /* Light neutral text for contrast */
}
.btn-primary:hover {
background-color: #3a4558;
color: #F7FAFC;
}
.btn-outline {
border-color: #667EEA; /* Primary blue as outline */
color: #667EEA;
background-color: transparent;
}
.btn-outline:hover {
background-color: #667EEA; /* Primary blue fill on hover */
color: #F7FAFC;
}
`}</style>
<div className="container">
<div className="hero-content">
<div className="hero-text">
<h1 className="hero-title">
Build Something
<span className="gradient-text"> Amazing</span>
</h1>
<p className="hero-description">
Create stunning websites and applications with our modern tools and
cutting-edge technology. Join thousands of developers who trust our platform.
</p>
<div className="hero-actions">
<button className="btn btn-primary btn-large">
Get Started Free
</button>
<button className="btn btn-outline btn-large">
Watch Demo
</button>
</div>
<div className="hero-stats">
<div className="stat">
<span className="stat-number">10K+</span>
<span className="stat-label">Active Users</span>
</div>
<div className="stat">
<span className="stat-number">99.9%</span>
<span className="stat-label">Uptime</span>
</div>
<div className="stat">
<span className="stat-number">24/7</span>
<span className="stat-label">Support</span>
</div>
</div>
</div>
<div className="hero-visual">
<div className="hero-card">
<div className="card-header">
<div className="card-dots">
<span></span>
<span></span>
<span></span>
</div>
</div>
<div className="card-content">
<div className="code-line"></div>
<div className="code-line"></div>
<div className="code-line"></div>
<div className="code-line short"></div>
</div>
</div>
</div>
</div>
</div>
</section>
)
}

export default Hero
83 changes: 83 additions & 0 deletions probat/fd2cbb1a-bc48-4729-98c2-6b746d742004/a3eeb671-6901-431c-9042-e5b685c0b8b4.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,83 @@
import React from 'react'
import './Hero.css'

const Hero: React.FC = () => {
return (
<section className="hero" id="home">
<style>{`
.btn-primary {
background-color: #4A5568; /* Secondary dark blue background */
color: #F7FAFC; /* Light neutral text for contrast */
}
.btn-primary:hover {
background-color: #3a4558; /* Slightly darker secondary blue on hover */
color: #F7FAFC;
}
.btn-outline {
border-color: #667EEA;
color: #667EEA;
background-color: transparent;
}
.btn-outline:hover {
background-color: #667EEA;
color: #F7FAFC;
}
`}</style>
<div className="container">
<div className="hero-content">
<div className="hero-text">
<h1 className="hero-title">
Build Something
<span className="gradient-text"> Amazing</span>
</h1>
<p className="hero-description">
Create stunning websites and applications with our modern tools and
cutting-edge technology. Join thousands of developers who trust our platform.
</p>
<div className="hero-actions">
<button className="btn btn-primary btn-large">
Get Started Free
</button>
<button className="btn btn-outline btn-large">
Watch Demo
</button>
</div>
<div className="hero-stats">
<div className="stat">
<span className="stat-number">10K+</span>
<span className="stat-label">Active Users</span>
</div>
<div className="stat">
<span className="stat-number">99.9%</span>
<span className="stat-label">Uptime</span>
</div>
<div className="stat">
<span className="stat-number">24/7</span>
<span className="stat-label">Support</span>
</div>
</div>
</div>
<div className="hero-visual">
<div className="hero-card">
<div className="card-header">
<div className="card-dots">
<span></span>
<span></span>
<span></span>
</div>
</div>
<div className="card-content">
<div className="code-line"></div>
<div className="code-line"></div>
<div className="code-line"></div>
<div className="code-line short"></div>
</div>
</div>
</div>
</div>
</div>
</section>
)
}

export default Hero
Loading