From 93ec3f134818b7a344b3ef38a20b3470b554b92b Mon Sep 17 00:00:00 2001
From: yuval-hazaz <hazaz.yuval@gmail.com>
Date: Thu, 22 Feb 2024 08:31:19 +0200
Subject: [PATCH] update raffle page

---
 components/Common/HubSpotForm/index.jsx             |  5 ++++-
 .../Sections/CodeSmartPlayHard/Confirmed/index.jsx  |  3 ++-
 .../Sections/CodeSmartPlayHard/Form/index.jsx       | 13 +++----------
 pages/code-smart-play-hard.js                       |  4 ++--
 4 files changed, 11 insertions(+), 14 deletions(-)

diff --git a/components/Common/HubSpotForm/index.jsx b/components/Common/HubSpotForm/index.jsx
index df4da3f5..11f2aa22 100644
--- a/components/Common/HubSpotForm/index.jsx
+++ b/components/Common/HubSpotForm/index.jsx
@@ -22,6 +22,7 @@ const HubSpotForm = ({
   includeConsent,
   buttonClassName,
   hideSuccessImage,
+  buttonText,
 }) => {
   const [formIsSending, setFormIsSending] = useState(false);
   const [successMsg, setSuccessMsg] = useState('');
@@ -133,7 +134,7 @@ const HubSpotForm = ({
             name="submit"
             className={`min-w-[130px] mt-1 flex justify-center items-center text-white font-poppins font-normal text-center rounded py-2 px-3 laptop:px-8 laptop:font-medium transition-all duration-300 bg-purple-bright hover:bg-purple-bright-hover text-[15px] h-[40px] whitespace-nowrap !px-4 mx-auto 
               ${buttonClassName}`}
-            value="Submit"
+            value={buttonText}
           />
         </div>
         <div className="font-normal text-sm mt-5 text-error-red">{error}</div>
@@ -186,6 +187,7 @@ const HubSpotForm = ({
 
 HubSpotForm.defaultProps = {
   includeConsent: true,
+  buttonText: 'Submit',
 };
 
 HubSpotForm.propTypes = {
@@ -198,6 +200,7 @@ HubSpotForm.propTypes = {
   includeConsent: PropTypes.bool,
   buttonClassName: PropTypes.string,
   hideSuccessImage: PropTypes.bool,
+  buttonText: PropTypes.string,
 };
 
 export default HubSpotForm;
diff --git a/components/Sections/CodeSmartPlayHard/Confirmed/index.jsx b/components/Sections/CodeSmartPlayHard/Confirmed/index.jsx
index 32447a8c..8fd9140d 100644
--- a/components/Sections/CodeSmartPlayHard/Confirmed/index.jsx
+++ b/components/Sections/CodeSmartPlayHard/Confirmed/index.jsx
@@ -52,7 +52,8 @@ const Hero = () => {
           <div className="flex flex-col gap-10 laptop:flex-row  justify-between flex-1 ">
             <div className="flex flex-col gap-2 flex-1 items-center max-w-[800px] ">
               <h1 className="text-5xl  laptop:text-7xl font-bold ">
-                Success! You&apos;re in the Game!
+                Success!
+                <br /> You&apos;re in the Game!
               </h1>
 
               <div className="text-sm laptop:text-base large:text-lg text-white">
diff --git a/components/Sections/CodeSmartPlayHard/Form/index.jsx b/components/Sections/CodeSmartPlayHard/Form/index.jsx
index f852c6db..3dcf1ab4 100644
--- a/components/Sections/CodeSmartPlayHard/Form/index.jsx
+++ b/components/Sections/CodeSmartPlayHard/Form/index.jsx
@@ -11,6 +11,7 @@ const Form = () => {
       includeConsent={false}
       buttonClassName="w-full"
       hideSuccessImage={true}
+      buttonText={'Join the Raffle'}
     >
       <div className="relative laptop:w-[calc(50%-8px)] my-2">
         <input
@@ -30,16 +31,8 @@ const Form = () => {
           className="leading-input focus:border-purple !shadow-hidden block w-full rounded-lg border border-solid bg-dark-black-100 py-2 pl-3 pr-8 font-poppins text-sm text-white placeholder:text-white hover:border-purple border-lite"
         />
       </div>
-      <div className="relative laptop:w-[calc(50%-8px)] my-2">
-        <input
-          required
-          type="text"
-          name="company"
-          placeholder="Company Name"
-          className="leading-input focus:border-purple !shadow-hidden block w-full rounded-lg border border-solid bg-dark-black-100 py-2 pl-3 pr-8 font-poppins text-sm text-white placeholder:text-white hover:border-purple border-lite"
-        />
-      </div>
-      <div className="relative laptop:w-[calc(50%-8px)] my-2">
+
+      <div className="relative laptop:w-full my-2">
         <input
           required
           type="email"
diff --git a/pages/code-smart-play-hard.js b/pages/code-smart-play-hard.js
index 6b46ee16..8b84b747 100644
--- a/pages/code-smart-play-hard.js
+++ b/pages/code-smart-play-hard.js
@@ -11,8 +11,8 @@ const CodeSmartPlayHard = () => {
   return (
     <>
       <NextSeo
-        title="Code Smart Play Hard | Amplication"
-        description="Amplication is the most flexible open-source backend development platform for Node.js applications. Design models and roles, deploy your app, connect with REST or GraphQL API, sync with GitHub. Built for developers, by developers."
+        title="Code. Deploy. Game On! | Amplication"
+        description="Boost your coding & gaming experience with Amplication."
       />
 
       <main