update raffle page

amplication · Feb 22, 2024 · 93ec3f1 · 93ec3f1
1 parent 1582fe7
commit 93ec3f1
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 14 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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