Skip to content

Commit b4dd2ed

Browse files
gnanesh-16gnanesh-16
committed
Add pg config
1 parent d4dd50b commit b4dd2ed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

52 files changed

+9465
-63
lines changed

‎GigWey-main/GigWey-main/Automation_gigwey/project/package-lock.json

Lines changed: 22 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎GigWey-main/GigWey-main/Automation_gigwey/project/package.json

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,7 @@
1515
"dependencies": {
1616
"lucide-react": "^0.344.0",
1717
"react": "^18.3.1",
18+
"react-confetti": "^6.2.2",
1819
"react-dom": "^18.3.1"
1920
},
2021
"devDependencies": {
@@ -35,4 +36,4 @@
3536
"typescript-eslint": "^8.3.0",
3637
"vite": "^5.4.2"
3738
}
38-
}
39+
}

‎GigWey-main/GigWey-main/Automation_gigwey/project/src/components/Hero.tsx

Lines changed: 54 additions & 58 deletions
Original file line numberDiff line numberDiff line change
@@ -155,7 +155,7 @@ export default function Hero() {
155155
}, [displayedText, isDeleting, loopNum]);
156156

157157
return (
158-
<main className="relative min-h-screen bg-black overflow-hidden">
158+
<main className="relative min-h-screen bg-black overflow-hidden flex flex-col">
159159
{/* Background Elements */}
160160
<div className="absolute inset-0">
161161
<div className="absolute inset-0 bg-gradient-to-b from-black via-black to-zinc-900" />
@@ -179,70 +179,66 @@ export default function Hero() {
179179
</div>
180180

181181
{/* Main Content */}
182-
<Container
183-
className="relative pt-32 pb-20"
184-
>
185-
<div className="flex flex-col items-center justify-center min-h-[80vh]">
186-
<div className="text-center max-w-4xl mx-auto space-y-8">
187-
<h1 className="text-7xl sm:text-8xl font-bold tracking-tight animate-fade-in">
188-
<span className="bg-clip-text text-transparent bg-gradient-to-b from-white via-white to-white/60">
189-
Web Automation
182+
<Container className="relative pt-32 pb-20 flex flex-col items-center justify-center flex-grow">
183+
<div className="text-center max-w-4xl mx-auto space-y-8">
184+
<h1 className="text-7xl sm:text-8xl font-bold tracking-tight animate-fade-in">
185+
<span className="bg-clip-text text-transparent bg-gradient-to-b from-white via-white to-white/60">
186+
Web Automation
187+
</span>
188+
<br />
189+
<span className="relative inline-block mt-2">
190+
<span className="animate-gradient-x text-6xl sm:text-7xl bg-gradient-to-r from-slate-300 to-slate-500 bg-clip-text text-transparent">
191+
Reimagined
190192
</span>
191-
<br />
192-
<span className="relative inline-block mt-2">
193-
<span className="animate-gradient-x text-6xl sm:text-7xl bg-gradient-to-r from-slate-300 to-slate-500 bg-clip-text text-transparent">
194-
Reimagined
195-
</span>
196-
<div className="absolute -inset-x-6 -inset-y-4 bg-orange-500/20 blur-2xl -z-10" />
197-
</span>
198-
</h1>
193+
<div className="absolute -inset-x-6 -inset-y-4 bg-orange-500/20 blur-2xl -z-10" />
194+
</span>
195+
</h1>
199196

200-
<p className="text-xl sm:text-2xl text-gray-400 max-w-2xl mx-auto animate-fade-in">
201-
Automate your web workflows with pixel-perfect precision and
202-
<span className="text-orange-500">
203-
<span className="ml-1 inline-block">
204-
{displayedText}
205-
<span className="border-r-2 border-white animate-pulse ml-1"></span>
206-
</span>
197+
<p className="text-xl sm:text-2xl text-gray-400 max-w-2xl mx-auto animate-fade-in">
198+
Automate your web workflows with pixel-perfect precision and
199+
<span className="text-orange-500">
200+
<span className="ml-1 inline-block">
201+
{displayedText}
202+
<span className="border-r-2 border-white animate-pulse ml-1"></span>
207203
</span>
208-
</p>
204+
</span>
205+
</p>
209206

210-
<div className="pt-8 flex flex-col sm:flex-row items-center justify-center gap-4 w-full px-4">
211-
<button
212-
onClick={handleStartRecording}
213-
className="group relative inline-flex items-center gap-2 bg-orange-500 hover:bg-orange-600 text-white px-8 py-4 rounded-full transition-all duration-300 hover:scale-105 border border-transparent hover:border-slate-300 w-full sm:w-auto sm:px-14"
214-
>
215-
<Play className="w-5 h-5" />
216-
<span className="font-medium">Start Recording</span>
217-
</button>
207+
<div className="pt-8 flex flex-col sm:flex-row items-center justify-center gap-4 w-full px-4">
208+
<button
209+
onClick={handleStartRecording}
210+
className="group relative inline-flex items-center gap-2 bg-orange-500 hover:bg-orange-600 text-white px-8 py-4 rounded-full transition-all duration-300 hover:scale-105 border border-transparent hover:border-slate-300 w-full sm:w-auto sm:px-14"
211+
>
212+
<Play className="w-5 h-5" />
213+
<span className="font-medium">Start Recording</span>
214+
</button>
218215

219-
<button
220-
onClick={() => setShowRecordings(true)}
221-
className="group relative inline-flex items-center gap-2 bg-white/5 hover:bg-white/10 text-white px-8 py-4 rounded-full transition-all duration-300 hover:scale-105 border border-transparent hover:border-slate-300 w-full sm:w-auto sm:px-14"
222-
>
223-
<ListVideo className="w-5 h-5" />
224-
<span className="font-medium">View Recordings</span>
225-
</button>
226-
</div>
216+
<button
217+
onClick={() => setShowRecordings(true)}
218+
className="group relative inline-flex items-center gap-2 bg-white/5 hover:bg-white/10 text-white px-8 py-4 rounded-full transition-all duration-300 hover:scale-105 border border-transparent hover:border-slate-300 w-full sm:w-auto sm:px-14"
219+
>
220+
<ListVideo className="w-5 h-5" />
221+
<span className="font-medium">View Recordings</span>
222+
</button>
227223
</div>
224+
</div>
228225

229-
{/* Recordings List or Infographic */}
230-
<div className="mt-32 w-full">
231-
{showRecordings ? (
232-
<RecordingsList
233-
recordings={recordings}
234-
onPlay={handlePlayRecording}
235-
onPause={handlePauseRecording} // Pass onPause prop
236-
onDelete={handleDeleteRecording}
237-
onLoop={handleLoopClick}
238-
onResetLoop={handleResetLoop}
239-
onRename={handleRename}
240-
currentlyPlayingId={currentlyPlayingId} // Pass currentlyPlayingId prop
241-
/>
242-
) : (
243-
<Infographic />
244-
)}
245-
</div>
226+
{/* Recordings List or Infographic */}
227+
<div className="mt-32 w-full flex-grow">
228+
{showRecordings ? (
229+
<RecordingsList
230+
recordings={recordings}
231+
onPlay={handlePlayRecording}
232+
onPause={handlePauseRecording} // Pass onPause prop
233+
onDelete={handleDeleteRecording}
234+
onLoop={handleLoopClick}
235+
onResetLoop={handleResetLoop}
236+
onRename={handleRename}
237+
currentlyPlayingId={currentlyPlayingId} // Pass currentlyPlayingId prop
238+
/>
239+
) : (
240+
<Infographic />
241+
)}
246242
</div>
247243
</Container>
248244

‎GigWey-main/GigWey-main/Automation_gigwey/project/src/components/beta/BetaForm.tsx

Lines changed: 51 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
import React, { useState } from 'react';
22
import { Mail, X } from 'lucide-react';
3+
import Confetti from 'react-confetti'; // Import react-confetti
34
export const runtime = "edge";
45

56
interface BetaFormProps {
@@ -13,6 +14,8 @@ export default function BetaForm({ onClose }: BetaFormProps) {
1314
const [contact, setContact] = useState('');
1415
const [countryCode, setCountryCode] = useState('+91');
1516
const [isSaved, setIsSaved] = useState(false);
17+
const [showConfetti, setShowConfetti] = useState(false); // Add state for confetti
18+
const [showPopup, setShowPopup] = useState(false); // Add state for popup
1619

1720
const handleSave = () => {
1821
if (contact) {
@@ -25,17 +28,30 @@ export default function BetaForm({ onClose }: BetaFormProps) {
2528
e.preventDefault();
2629
// Handle form submission
2730
console.log({ email, newsletter, fullName, contact, countryCode });
28-
onClose();
31+
setShowConfetti(true); // Show confetti on form submission
32+
setShowPopup(true); // Show popup on form submission
33+
setTimeout(() => {
34+
setShowConfetti(false); // Hide confetti after 5 seconds
35+
setShowPopup(false); // Hide popup after 5 seconds
36+
onClose();
37+
}, 5000);
2938
};
3039

3140
return (
3241
<div className="fixed inset-0 z-50 flex items-center justify-center p-4">
42+
{showConfetti && <Confetti />} {/* Render confetti */}
43+
{showPopup && (
44+
<div className="fixed top-1/4 left-1/2 transform -translate-x-1/2 bg-black/60 text-white p-4 rounded-lg shadow-lg z-50 border border-gray-500 backdrop-blur-sm animate-popup">
45+
<p>You've successfully registered for the API beta with the email: <span className="bg-green-500 text-black px-2 py-1 rounded">{email}</span></p>
46+
<div className="absolute inset-0 border-2 border-transparent border-t-silver animate-border-spin"></div>
47+
</div>
48+
)}
3349
<div
34-
className="absolute inset-0 bg-black/90 backdrop-blur-xl"
50+
className="absolute inset-0 bg-black/90 backdrop-blur-lg"
3551
onClick={onClose}
3652
/>
3753

38-
<div className="relative bg-zinc-900/90 rounded-2xl p-8 max-w-md w-full border border-white/50">
54+
<div className="relative bg-zinc-900/90 rounded-2xl p-8 max-w-md w-full border border-white/50 z-40"> {/* Add z-40 to ensure the container is below the popup */}
3955
<button
4056
onClick={onClose}
4157
className="absolute top-4 right-4 text-gray-400 hover:text-white transition-colors"
@@ -142,4 +158,35 @@ export default function BetaForm({ onClose }: BetaFormProps) {
142158
</div>
143159
</div>
144160
);
145-
}
161+
}
162+
163+
// Add the following CSS to your styles
164+
<style jsx>{`
165+
@keyframes popup {
166+
0% {
167+
transform: translateY(-20px);
168+
opacity: 0;
169+
}
170+
100% {
171+
transform: translateY(0);
172+
opacity: 1;
173+
}
174+
}
175+
176+
@keyframes border-spin {
177+
0% {
178+
transform: rotate(0deg);
179+
}
180+
100% {
181+
transform: rotate(720deg);
182+
}
183+
}
184+
185+
.animate-popup {
186+
animation: popup 0.5s ease-out forwards;
187+
}
188+
189+
.animate-border-spin {
190+
animation: border-spin 2s linear forwards;
191+
}
192+
`}</style>

‎node_modules/.package-lock.json

Lines changed: 38 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎node_modules/react-confetti/LICENSE

Lines changed: 21 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)