diff --git a/src/components/Form/SharedForm.astro b/src/components/Form/SharedForm.astro index 79e40c6..e131d0b 100644 --- a/src/components/Form/SharedForm.astro +++ b/src/components/Form/SharedForm.astro @@ -20,8 +20,8 @@ const getFormFields = (): FormField[] => { switch (type) { case 'speaking': return [ - { name: 'name', label: 'Name *', type: 'text', required: true }, - { name: 'email', label: 'Email *', type: 'email', required: true }, + { name: 'name', label: 'Name', type: 'text', required: true }, + { name: 'email', label: 'Email', type: 'email', required: true }, { name: 'event_date', label: 'Event Date', type: 'date', required: false }, { name: 'event_type', label: 'Event Type', type: 'select', required: false, options: [ { value: '', label: 'Select...' }, @@ -30,19 +30,19 @@ const getFormFields = (): FormField[] => { { value: 'workshop', label: 'Workshop' }, { value: 'other', label: 'Other' }, ] }, - { name: 'message', label: 'Message *', type: 'textarea', required: true, rows: 4 }, + { name: 'message', label: 'Message', type: 'textarea', required: true, rows: 4 }, ]; case 'contact': return [ - { name: 'name', label: 'Name *', type: 'text', required: true }, - { name: 'email', label: 'Email *', type: 'email', required: true }, + { name: 'name', label: 'Name', type: 'text', required: true }, + { name: 'email', label: 'Email', type: 'email', required: true }, { name: 'topic', label: 'Topic', type: 'select', required: false, options: [ { value: '', label: 'Select...' }, { value: 'speaking', label: 'Speaking Inquiry' }, { value: 'consulting', label: 'Consulting Inquiry' }, { value: 'general', label: 'General' }, ] }, - { name: 'message', label: 'Message *', type: 'textarea', required: true, rows: 5 }, + { name: 'message', label: 'Message', type: 'textarea', required: true, rows: 5 }, ]; case 'waitlist': return [ diff --git a/src/pages/consulting.astro b/src/pages/consulting.astro index a0c27f2..7242697 100644 --- a/src/pages/consulting.astro +++ b/src/pages/consulting.astro @@ -148,10 +148,17 @@ import PackageCard from '../components/PackageCard.astro'; .packages-grid { display: grid; - grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); + grid-template-columns: repeat(3, 1fr); gap: 2rem; align-items: start; } + + @media (max-width: 900px) { + .packages-grid { + grid-template-columns: 1fr; + gap: 1.5rem; + } + } .faq-section { background: var(--color-cream-warm);