implement menu styling and table reservation form with CAPTCHA validation
This commit is contained in:
parent
6c86e99c44
commit
c1d3979a0c
@ -301,7 +301,7 @@ export default function ContactContent() {
|
|||||||
|
|
||||||
<div className={styles.recaptchaWrapper}>
|
<div className={styles.recaptchaWrapper}>
|
||||||
<ReCAPTCHA
|
<ReCAPTCHA
|
||||||
sitekey="6Lckq9MrAAAAABjBD9rQYm19BMGFFWiwb9mPiw2K"
|
sitekey="6Lc5TqUsAAAAAP2B5EFeDxFRqykh6tJaqO922HjP"
|
||||||
onChange={handleCaptchaChange}
|
onChange={handleCaptchaChange}
|
||||||
/>
|
/>
|
||||||
{formErrors.captcha && <small className={styles.errorText}>{formErrors.captcha}</small>}
|
{formErrors.captcha && <small className={styles.errorText}>{formErrors.captcha}</small>}
|
||||||
|
|||||||
@ -130,7 +130,7 @@
|
|||||||
|
|
||||||
.smallHeading3 {
|
.smallHeading3 {
|
||||||
font-size: var(--small-text-size);
|
font-size: var(--small-text-size);
|
||||||
color: var(--color-paragraph);
|
color: #441109;
|
||||||
font-family: var(--font-lato);
|
font-family: var(--font-lato);
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
letter-spacing: 2px;
|
letter-spacing: 2px;
|
||||||
@ -468,7 +468,7 @@
|
|||||||
.mainHeading {
|
.mainHeading {
|
||||||
font-family: var(--font-playfair);
|
font-family: var(--font-playfair);
|
||||||
font-size: var(--main-heading-size);
|
font-size: var(--main-heading-size);
|
||||||
color: #c49c5c;
|
color: #441109;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
margin-bottom: 1.5rem;
|
margin-bottom: 1.5rem;
|
||||||
@ -476,7 +476,7 @@
|
|||||||
|
|
||||||
.smallHeading {
|
.smallHeading {
|
||||||
font-size: var(--small-text-size);
|
font-size: var(--small-text-size);
|
||||||
color: #441123;
|
color: #c49c5c;
|
||||||
font-family: var(--font-lato);
|
font-family: var(--font-lato);
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
letter-spacing: 2px;
|
letter-spacing: 2px;
|
||||||
|
|||||||
@ -236,7 +236,7 @@ export default function BookTable() {
|
|||||||
|
|
||||||
<div className={styles.recaptchaWrapper}>
|
<div className={styles.recaptchaWrapper}>
|
||||||
<ReCAPTCHA
|
<ReCAPTCHA
|
||||||
sitekey="6Lckq9MrAAAAABjBD9rQYm19BMGFFWiwb9mPiw2K"
|
sitekey="6Lc5TqUsAAAAAP2B5EFeDxFRqykh6tJaqO922HjP"
|
||||||
onChange={handleCaptchaChange}
|
onChange={handleCaptchaChange}
|
||||||
/>
|
/>
|
||||||
{formErrors.captcha && <small className={styles.errorText}>{formErrors.captcha}</small>}
|
{formErrors.captcha && <small className={styles.errorText}>{formErrors.captcha}</small>}
|
||||||
|
|||||||
@ -207,7 +207,7 @@
|
|||||||
|
|
||||||
.description {
|
.description {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
color: #430f0c;
|
color: #f5e6d3;
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
font-family: var(--font-lato);
|
font-family: var(--font-lato);
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user